@bitrise/bitkit-v2 0.3.234 → 0.3.235

package/dist/components/BitkitCard/BitkitCard.d.ts

@@ -1,7 +1,3 @@
-import { CardRootProps } from '@chakra-ui/react/card';
-import { ReactNode } from 'react';
-export interface BitkitCardProps extends CardRootProps {
-    footer?: ReactNode;
-}
-declare const BitkitCard: import('react').ForwardRefExoticComponent<BitkitCardProps & import('react').RefAttributes<HTMLDivElement>>;
+import { Card } from '@chakra-ui/react/card';
+declare const BitkitCard: import('react').ForwardRefExoticComponent<Card.RootProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BitkitCard;

package/dist/components/BitkitCard/BitkitCard.js

@@ -1,13 +1,14 @@
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Card } from "@chakra-ui/react/card";
 //#region lib/components/BitkitCard/BitkitCard.tsx
 var BitkitCard = forwardRef((props, ref) => {
-	const { children, footer, ...rest } = props;
-	return /* @__PURE__ */ jsxs(Card.Root, {
+	const { children, ...rest } = props;
+	return /* @__PURE__ */ jsx(Card.Root, {
+		asChild: true,
 		ref,
 		...rest,
-		children: [/* @__PURE__ */ jsx(Card.Body, { children }), !!footer && /* @__PURE__ */ jsx(Card.Footer, { children: footer })]
+		children: /* @__PURE__ */ jsx(Card.Body, { children })
 	});
 });
 BitkitCard.displayName = "BitkitCard";

package/dist/components/BitkitCard/BitkitCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitCard.js","names":[],"sources":["../../../lib/components/BitkitCard/BitkitCard.tsx"],"sourcesContent":["import { Card, type CardRootProps } from '@chakra-ui/react/card';\nimport { forwardRef, type ReactNode } from 'react';\n\nexport interface BitkitCardProps extends CardRootProps {\n  footer?: ReactNode;\n}\n\nconst BitkitCard = forwardRef<HTMLDivElement, BitkitCardProps>((props, ref) => {\n  const { children, footer, ...rest } = props;\n\n  return (\n    <Card.Root ref={ref} {...rest}>\n      <Card.Body>{children}</Card.Body>\n      {!!footer && <Card.Footer>{footer}</Card.Footer>}\n    </Card.Root>\n  );\n});\n\nBitkitCard.displayName = 'BitkitCard';\n\nexport default BitkitCard;\n"],"mappings":";;;;AAOA,IAAM,aAAa,YAA6C,OAAO,QAAQ;CAC7E,MAAM,EAAE,UAAU,QAAQ,GAAG,SAAS;CAEtC,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,GAAI;YAAzB,CACE,oBAAC,KAAK,MAAN,EAAY,SAAoB,CAAA,GAC/B,CAAC,CAAC,UAAU,oBAAC,KAAK,QAAN,EAAA,UAAc,OAAoB,CAAA,CACtC;;AAEf,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"BitkitCard.js","names":[],"sources":["../../../lib/components/BitkitCard/BitkitCard.tsx"],"sourcesContent":["import { Card, type CardRootProps } from '@chakra-ui/react/card';\nimport { forwardRef } from 'react';\n\nconst BitkitCard = forwardRef<HTMLDivElement, CardRootProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  return (\n    <Card.Root asChild ref={ref} {...rest}>\n      <Card.Body>{children}</Card.Body>\n    </Card.Root>\n  );\n});\n\nBitkitCard.displayName = 'BitkitCard';\n\nexport default BitkitCard;\n"],"mappings":";;;;AAGA,IAAM,aAAa,YAA2C,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,KAAK,MAAN;EAAW,SAAA;EAAa;EAAK,GAAI;YAC/B,oBAAC,KAAK,MAAN,EAAY,SAAoB,CAAA;CACvB,CAAA;AAEf,CAAC;AAED,WAAW,cAAc"}

package/dist/components/BitkitList/BitkitList.d.ts

@@ -1,12 +1,14 @@
 import { ListRootProps } from '@chakra-ui/react/list';
 import { ReactNode } from 'react';
 import { BitkitIconComponent } from '../../icons';
-type BitkitListVariant = 'explainer' | 'ordered' | 'unordered';
-type BitkitListSize = 'lg' | 'md';
-export interface BitkitListProps extends Omit<ListRootProps, 'colorPalette'> {
+type BitkitListVariant = 'explainer' | 'ordered' | 'unordered' | 'inline';
+type BitkitListSize = 'lg' | 'md' | 'sm';
+type BitkitListTextColor = 'body' | 'secondary';
+export interface BitkitListProps extends Omit<ListRootProps, 'colorPalette' | 'size'> {
     children: ReactNode;
     colorPalette?: 'neutral' | 'purple';
     size?: BitkitListSize;
+    textColor?: BitkitListTextColor;
     variant?: BitkitListVariant;
 }
 export interface BitkitListItemProps {

package/dist/components/BitkitList/BitkitList.js

@@ -12,17 +12,23 @@ var [BitkitListProvider, useBitkitListContext] = createContext$1({
 	providerName: "<BitkitList />"
 });
 var BitkitList = forwardRef((props, ref) => {
-	const { children, colorPalette = "neutral", size = "lg", variant = "unordered", ...rest } = props;
+	const { children, colorPalette = "neutral", size = "lg", textColor = "body", variant = "unordered", ...rest } = props;
 	const rootProps = variant === "ordered" ? {
 		as: "ol",
 		counterReset: "bitkit-list"
 	} : variant === "explainer" ? {
 		as: "ol",
 		counterReset: "bitkit-list"
+	} : variant === "inline" ? {
+		alignItems: "center",
+		flexDirection: "row",
+		flexWrap: "wrap",
+		gap: 0
 	} : {};
 	return /* @__PURE__ */ jsx(BitkitListProvider, {
 		value: {
 			size,
+			textColor,
 			variant
 		},
 		children: /* @__PURE__ */ jsx(List.Root, {
@@ -38,11 +44,23 @@ var BitkitList = forwardRef((props, ref) => {
 BitkitList.displayName = "BitkitList";
 var UNORDERED_ICON_SIZE = {
 	lg: "24",
-	md: "16"
+	md: "16",
+	sm: "16"
 };
 var BitkitListItem = forwardRef((props, ref) => {
 	const { children, helperText, icon: Icon, iconColor } = props;
-	const { size, variant } = useBitkitListContext();
+	const { size, textColor, variant } = useBitkitListContext();
+	if (variant === "inline") return /* @__PURE__ */ jsx(List.Item, {
+		ref,
+		alignItems: "center",
+		color: textColor === "secondary" ? "text/secondary" : "text/body",
+		_notFirst: { _before: {
+			content: "\"\\2022\"",
+			color: "text/tertiary",
+			marginInline: "8"
+		} },
+		children
+	});
 	const content = helperText ? /* @__PURE__ */ jsxs(Box, {
 		display: "flex",
 		flex: "1",

package/dist/components/BitkitList/BitkitList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitList.js","names":[],"sources":["../../../lib/components/BitkitList/BitkitList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\n// ----- Context -----\n\ntype BitkitListVariant = 'explainer' | 'ordered' | 'unordered';\ntype BitkitListSize = 'lg' | 'md';\n\ninterface BitkitListContext {\n  size: BitkitListSize;\n  variant: BitkitListVariant;\n}\n\nconst [BitkitListProvider, useBitkitListContext] = createContext<BitkitListContext>({\n  name: 'BitkitListContext',\n  hookName: 'useBitkitListContext',\n  providerName: '<BitkitList />',\n});\n\n// ----- BitkitList -----\n\nexport interface BitkitListProps extends Omit<ListRootProps, 'colorPalette'> {\n  children: ReactNode;\n  colorPalette?: 'neutral' | 'purple';\n  size?: BitkitListSize;\n  variant?: BitkitListVariant;\n}\n\nconst BitkitList = forwardRef<HTMLOListElement | HTMLUListElement, BitkitListProps>((props, ref) => {\n  const { children, colorPalette = 'neutral', size = 'lg', variant = 'unordered', ...rest } = props;\n\n  const rootProps =\n    variant === 'ordered'\n      ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n      : variant === 'explainer'\n        ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n        : {};\n\n  return (\n    <BitkitListProvider value={{ size, variant }}>\n      <List.Root ref={ref} colorPalette={colorPalette} size={size} {...rootProps} {...rest}>\n        {children}\n      </List.Root>\n    </BitkitListProvider>\n  );\n});\n\nBitkitList.displayName = 'BitkitList';\n\n// ----- BitkitList.Item -----\n\nexport interface BitkitListItemProps {\n  children: ReactNode;\n  helperText?: ReactNode;\n  icon?: BitkitIconComponent;\n  iconColor?: string;\n}\n\nconst UNORDERED_ICON_SIZE: Record<BitkitListSize, '16' | '24'> = {\n  lg: '24',\n  md: '16',\n};\n\nconst BitkitListItem = forwardRef<HTMLLIElement, BitkitListItemProps>((props, ref) => {\n  const { children, helperText, icon: Icon, iconColor } = props;\n  const { size, variant } = useBitkitListContext();\n\n  const content = helperText ? (\n    <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n      {children}\n      <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n        {helperText}\n      </Text>\n    </Box>\n  ) : (\n    children\n  );\n\n  if (variant === 'ordered') {\n    return (\n      <List.Item ref={ref} counterIncrement=\"bitkit-list\" gap={helperText ? '12' : undefined}>\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'icon/secondary'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator _before={{ content: 'counter(bitkit-list) \".\"' }} />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  if (variant === 'explainer') {\n    return (\n      <List.Item\n        ref={ref}\n        counterIncrement=\"bitkit-list\"\n        gap={helperText ? '12' : '6'}\n        marginBlockEnd={helperText ? '8' : undefined}\n      >\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'colorPalette.strong'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator\n            _before={{ content: 'counter(bitkit-list)' }}\n            background=\"colorPalette.subtle\"\n            borderRadius=\"50%\"\n            color=\"colorPalette.strong\"\n            height={helperText ? '24' : '20'}\n            // Give the smaller 20px circle 2px of block margin on each side so the marker\n            // always occupies a 24px vertical slot and its center aligns with the first\n            // text line — matches the Figma frame with the 20px circle centered in a 24px\n            // marker box.\n            marginBlock={helperText ? undefined : '2'}\n            overflow=\"hidden\"\n            textStyle=\"comp/badge/sm\"\n            width={helperText ? '24' : '20'}\n          />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  // unordered (default)\n  if (Icon) {\n    return (\n      <List.Item ref={ref} gap={helperText ? '12' : '8'}>\n        <List.Indicator color={iconColor ?? 'icon/secondary'}>\n          <Icon size={UNORDERED_ICON_SIZE[size]} />\n        </List.Indicator>\n        {content}\n      </List.Item>\n    );\n  }\n\n  return (\n    <List.Item ref={ref} gap={helperText ? '12' : undefined}>\n      <List.Indicator aria-hidden>•</List.Indicator>\n      {content}\n    </List.Item>\n  );\n});\n\nBitkitListItem.displayName = 'BitkitListItem';\n\nexport default withSubComponents(BitkitList, { Item: BitkitListItem });\n"],"mappings":";;;;;;;;AAoBA,IAAM,CAAC,oBAAoB,wBAAwB,gBAAiC;CAClF,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AAWD,IAAM,aAAa,YAAkE,OAAO,QAAQ;CAClG,MAAM,EAAE,UAAU,eAAe,WAAW,OAAO,MAAM,UAAU,aAAa,GAAG,SAAS;CAE5F,MAAM,YACJ,YAAY,YACP;EAAE,IAAI;EAAM,cAAc;CAAc,IACzC,YAAY,cACT;EAAE,IAAI;EAAM,cAAc;CAAc,IACzC,CAAC;CAET,OACE,oBAAC,oBAAD;EAAoB,OAAO;GAAE;GAAM;EAAQ;YACzC,oBAAC,KAAK,MAAN;GAAgB;GAAmB;GAAoB;GAAM,GAAI;GAAW,GAAI;GAC7E;EACQ,CAAA;CACO,CAAA;AAExB,CAAC;AAED,WAAW,cAAc;AAWzB,IAAM,sBAA2D;CAC/D,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,iBAAiB,YAAgD,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,YAAY,MAAM,MAAM,cAAc;CACxD,MAAM,EAAE,MAAM,YAAY,qBAAqB;CAE/C,MAAM,UAAU,aACd,qBAAC,KAAD;EAAK,SAAQ;EAAO,MAAK;EAAI,eAAc;EAAS,UAAS;YAA7D,CACG,UACD,oBAAC,MAAD;GAAM,OAAM;GAAiB,WAAU;aACpC;EACG,CAAA,CACH;MAEL;CAGF,IAAI,YAAY,WACd,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,kBAAiB;EAAc,KAAK,aAAa,OAAO,KAAA;YAA7E,CACG,OACC,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,IAEhB,oBAAC,KAAK,WAAN,EAAgB,SAAS,EAAE,SAAS,6BAA2B,EAAI,CAAA,GAEpE,OACQ;;CAIf,IAAI,YAAY,aACd,OACE,qBAAC,KAAK,MAAN;EACO;EACL,kBAAiB;EACjB,KAAK,aAAa,OAAO;EACzB,gBAAgB,aAAa,MAAM,KAAA;YAJrC,CAMG,OACC,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,IAEhB,oBAAC,KAAK,WAAN;GACE,SAAS,EAAE,SAAS,uBAAuB;GAC3C,YAAW;GACX,cAAa;GACb,OAAM;GACN,QAAQ,aAAa,OAAO;GAK5B,aAAa,aAAa,KAAA,IAAY;GACtC,UAAS;GACT,WAAU;GACV,OAAO,aAAa,OAAO;EAC5B,CAAA,GAEF,OACQ;;CAKf,IAAI,MACF,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,aAAa,OAAO;YAA9C,CACE,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,GACf,OACQ;;CAIf,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,aAAa,OAAO,KAAA;YAA9C,CACE,oBAAC,KAAK,WAAN;GAAgB,eAAA;aAAY;EAAiB,CAAA,GAC5C,OACQ;;AAEf,CAAC;AAED,eAAe,cAAc;AAE7B,IAAA,qBAAe,kBAAkB,YAAY,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"BitkitList.js","names":[],"sources":["../../../lib/components/BitkitList/BitkitList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\n// ----- Context -----\n\ntype BitkitListVariant = 'explainer' | 'ordered' | 'unordered' | 'inline';\ntype BitkitListSize = 'lg' | 'md' | 'sm';\ntype BitkitListTextColor = 'body' | 'secondary';\n\ninterface BitkitListContext {\n  size: BitkitListSize;\n  textColor: BitkitListTextColor;\n  variant: BitkitListVariant;\n}\n\nconst [BitkitListProvider, useBitkitListContext] = createContext<BitkitListContext>({\n  name: 'BitkitListContext',\n  hookName: 'useBitkitListContext',\n  providerName: '<BitkitList />',\n});\n\n// ----- BitkitList -----\n\nexport interface BitkitListProps extends Omit<ListRootProps, 'colorPalette' | 'size'> {\n  children: ReactNode;\n  colorPalette?: 'neutral' | 'purple';\n  size?: BitkitListSize;\n  textColor?: BitkitListTextColor;\n  variant?: BitkitListVariant;\n}\n\nconst BitkitList = forwardRef<HTMLOListElement | HTMLUListElement, BitkitListProps>((props, ref) => {\n  const { children, colorPalette = 'neutral', size = 'lg', textColor = 'body', variant = 'unordered', ...rest } = props;\n\n  const rootProps =\n    variant === 'ordered'\n      ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n      : variant === 'explainer'\n        ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n        : variant === 'inline'\n          ? ({ alignItems: 'center', flexDirection: 'row', flexWrap: 'wrap', gap: 0 } as const)\n          : {};\n\n  return (\n    <BitkitListProvider value={{ size, textColor, variant }}>\n      <List.Root ref={ref} colorPalette={colorPalette} size={size} {...rootProps} {...rest}>\n        {children}\n      </List.Root>\n    </BitkitListProvider>\n  );\n});\n\nBitkitList.displayName = 'BitkitList';\n\n// ----- BitkitList.Item -----\n\nexport interface BitkitListItemProps {\n  children: ReactNode;\n  helperText?: ReactNode;\n  icon?: BitkitIconComponent;\n  iconColor?: string;\n}\n\nconst UNORDERED_ICON_SIZE: Record<BitkitListSize, '16' | '24'> = {\n  lg: '24',\n  md: '16',\n  sm: '16',\n};\n\nconst BitkitListItem = forwardRef<HTMLLIElement, BitkitListItemProps>((props, ref) => {\n  const { children, helperText, icon: Icon, iconColor } = props;\n  const { size, textColor, variant } = useBitkitListContext();\n\n  if (variant === 'inline') {\n    return (\n      <List.Item\n        ref={ref}\n        alignItems=\"center\"\n        color={textColor === 'secondary' ? 'text/secondary' : 'text/body'}\n        _notFirst={{\n          _before: {\n            content: '\"\\\\2022\"',\n            color: 'text/tertiary',\n            marginInline: '8',\n          },\n        }}\n      >\n        {children}\n      </List.Item>\n    );\n  }\n\n  const content = helperText ? (\n    <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n      {children}\n      <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n        {helperText}\n      </Text>\n    </Box>\n  ) : (\n    children\n  );\n\n  if (variant === 'ordered') {\n    return (\n      <List.Item ref={ref} counterIncrement=\"bitkit-list\" gap={helperText ? '12' : undefined}>\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'icon/secondary'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator _before={{ content: 'counter(bitkit-list) \".\"' }} />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  if (variant === 'explainer') {\n    return (\n      <List.Item\n        ref={ref}\n        counterIncrement=\"bitkit-list\"\n        gap={helperText ? '12' : '6'}\n        marginBlockEnd={helperText ? '8' : undefined}\n      >\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'colorPalette.strong'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator\n            _before={{ content: 'counter(bitkit-list)' }}\n            background=\"colorPalette.subtle\"\n            borderRadius=\"50%\"\n            color=\"colorPalette.strong\"\n            height={helperText ? '24' : '20'}\n            // Give the smaller 20px circle 2px of block margin on each side so the marker\n            // always occupies a 24px vertical slot and its center aligns with the first\n            // text line — matches the Figma frame with the 20px circle centered in a 24px\n            // marker box.\n            marginBlock={helperText ? undefined : '2'}\n            overflow=\"hidden\"\n            textStyle=\"comp/badge/sm\"\n            width={helperText ? '24' : '20'}\n          />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  // unordered (default)\n  if (Icon) {\n    return (\n      <List.Item ref={ref} gap={helperText ? '12' : '8'}>\n        <List.Indicator color={iconColor ?? 'icon/secondary'}>\n          <Icon size={UNORDERED_ICON_SIZE[size]} />\n        </List.Indicator>\n        {content}\n      </List.Item>\n    );\n  }\n\n  return (\n    <List.Item ref={ref} gap={helperText ? '12' : undefined}>\n      <List.Indicator aria-hidden>•</List.Indicator>\n      {content}\n    </List.Item>\n  );\n});\n\nBitkitListItem.displayName = 'BitkitListItem';\n\nexport default withSubComponents(BitkitList, { Item: BitkitListItem });\n"],"mappings":"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"}

package/dist/theme/slot-recipes/Card.recipe.d.ts

@@ -17,29 +17,17 @@ declare const cardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"b
             body: {
                 padding: "16";
             };
-            footer: {
-                paddingBlock: "8";
-                paddingInline: "16";
-            };
         };
         md: {
             body: {
                 paddingInline: "24";
                 paddingBlock: "16";
             };
-            footer: {
-                paddingBlock: "8";
-                paddingInline: "24";
-            };
         };
         lg: {
             body: {
                 padding: "24";
             };
-            footer: {
-                paddingBlock: "12";
-                paddingInline: "24";
-            };
         };
     };
 }>;

package/dist/theme/slot-recipes/Card.recipe.js

@@ -4,17 +4,11 @@ import { cardAnatomy } from "@chakra-ui/react/anatomy";
 var cardSlotRecipe = defineSlotRecipe({
 	className: "card",
 	slots: cardAnatomy.keys(),
-	base: {
-		root: {
-			backgroundColor: "background/primary",
-			border: "1px solid",
-			borderRadius: "8"
-		},
-		footer: {
-			borderBlockStart: "1px solid",
-			borderColor: "border/minimal"
-		}
-	},
+	base: { root: {
+		backgroundColor: "background/primary",
+		border: "1px solid",
+		borderRadius: "8"
+	} },
 	variants: {
 		elevation: {
 			true: { root: {
@@ -24,30 +18,12 @@ var cardSlotRecipe = defineSlotRecipe({
 			false: { root: { borderColor: "border/regular" } }
 		},
 		paddingSize: {
-			sm: {
-				body: { padding: "16" },
-				footer: {
-					paddingBlock: "8",
-					paddingInline: "16"
-				}
-			},
-			md: {
-				body: {
-					paddingInline: "24",
-					paddingBlock: "16"
-				},
-				footer: {
-					paddingBlock: "8",
-					paddingInline: "24"
-				}
-			},
-			lg: {
-				body: { padding: "24" },
-				footer: {
-					paddingBlock: "12",
-					paddingInline: "24"
-				}
-			}
+			sm: { body: { padding: "16" } },
+			md: { body: {
+				paddingInline: "24",
+				paddingBlock: "16"
+			} },
+			lg: { body: { padding: "24" } }
 		}
 	},
 	defaultVariants: {

package/dist/theme/slot-recipes/Card.recipe.js.map

@@ -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    footer: {\n      borderBlockStart: '1px solid',\n      borderColor: '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          paddingBlock: '8',\n          paddingInline: '16',\n        },\n      },\n      md: {\n        body: {\n          paddingInline: '24',\n          paddingBlock: '16',\n        },\n        footer: {\n          paddingBlock: '8',\n          paddingInline: '24',\n        },\n      },\n      lg: {\n        body: {\n          padding: '24',\n        },\n        footer: {\n          paddingBlock: '12',\n          paddingInline: '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;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,cAAc;EAChB;EACA,QAAQ;GACN,kBAAkB;GAClB,aAAa;EACf;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,cAAc;KACd,eAAe;IACjB;GACF;GACA,IAAI;IACF,MAAM;KACJ,eAAe;KACf,cAAc;IAChB;IACA,QAAQ;KACN,cAAc;KACd,eAAe;IACjB;GACF;GACA,IAAI;IACF,MAAM,EACJ,SAAS,KACX;IACA,QAAQ;KACN,cAAc;KACd,eAAe;IACjB;GACF;EACF;CACF;CACA,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CAAC"}
+{"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,EACJ,MAAM;EACJ,iBAAiB;EACjB,QAAQ;EACR,cAAc;CAChB,EACF;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,EACF,MAAM,EACJ,SAAS,KACX,EACF;GACA,IAAI,EACF,MAAM;IACJ,eAAe;IACf,cAAc;GAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,SAAS,KACX,EACF;EACF;CACF;CACA,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CAAC"}

package/dist/theme/slot-recipes/List.recipe.d.ts

@@ -18,6 +18,15 @@ declare const listSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"r
                 width: "20";
             };
         };
+        sm: {
+            item: {
+                textStyle: "body/sm/regular";
+            };
+            indicator: {
+                height: "16";
+                width: "16";
+            };
+        };
     };
 }>;
 export default listSlotRecipe;

package/dist/theme/slot-recipes/List.recipe.js

@@ -38,6 +38,13 @@ var listSlotRecipe = defineSlotRecipe({
 				height: "20",
 				width: "20"
 			}
+		},
+		sm: {
+			item: { textStyle: "body/sm/regular" },
+			indicator: {
+				height: "16",
+				width: "16"
+			}
 		}
 	} },
 	defaultVariants: { size: "lg" }

package/dist/theme/slot-recipes/List.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/List.recipe.ts"],"sourcesContent":["import { listAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst listSlotRecipe = defineSlotRecipe({\n  className: 'list',\n  slots: listAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n    },\n    item: {\n      alignItems: 'flex-start',\n      color: 'text/body',\n      display: 'inline-flex',\n      whiteSpace: 'normal',\n    },\n    indicator: {\n      alignItems: 'center',\n      color: 'text/secondary',\n      display: 'inline-flex',\n      flexShrink: 0,\n      justifyContent: 'center',\n    },\n  },\n  variants: {\n    size: {\n      lg: {\n        item: {\n          textStyle: 'body/lg/regular',\n        },\n        indicator: {\n          height: '24',\n          width: '24',\n        },\n      },\n      md: {\n        item: {\n          textStyle: 'body/md/regular',\n        },\n        indicator: {\n          height: '20',\n          width: '20',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default listSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;EACA,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"List.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/List.recipe.ts"],"sourcesContent":["import { listAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst listSlotRecipe = defineSlotRecipe({\n  className: 'list',\n  slots: listAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n    },\n    item: {\n      alignItems: 'flex-start',\n      color: 'text/body',\n      display: 'inline-flex',\n      whiteSpace: 'normal',\n    },\n    indicator: {\n      alignItems: 'center',\n      color: 'text/secondary',\n      display: 'inline-flex',\n      flexShrink: 0,\n      justifyContent: 'center',\n    },\n  },\n  variants: {\n    size: {\n      lg: {\n        item: {\n          textStyle: 'body/lg/regular',\n        },\n        indicator: {\n          height: '24',\n          width: '24',\n        },\n      },\n      md: {\n        item: {\n          textStyle: 'body/md/regular',\n        },\n        indicator: {\n          height: '20',\n          width: '20',\n        },\n      },\n      sm: {\n        item: {\n          textStyle: 'body/sm/regular',\n        },\n        indicator: {\n          height: '16',\n          width: '16',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default listSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;EACA,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;EACA,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

package/dist/theme/slot-recipes/index.d.ts

@@ -239,29 +239,17 @@ declare const slotRecipes: {
                 body: {
                     padding: "16";
                 };
-                footer: {
-                    paddingBlock: "8";
-                    paddingInline: "16";
-                };
             };
             md: {
                 body: {
                     paddingInline: "24";
                     paddingBlock: "16";
                 };
-                footer: {
-                    paddingBlock: "8";
-                    paddingInline: "24";
-                };
             };
             lg: {
                 body: {
                     padding: "24";
                 };
-                footer: {
-                    paddingBlock: "12";
-                    paddingInline: "24";
-                };
             };
         };
     }>;
@@ -961,6 +949,15 @@ declare const slotRecipes: {
                     width: "20";
                 };
             };
+            sm: {
+                item: {
+                    textStyle: "body/sm/regular";
+                };
+                indicator: {
+                    height: "16";
+                    width: "16";
+                };
+            };
         };
     }>;
     markdown: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.234",
+  "version": "0.3.235",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",