@bitrise/bitkit-v2 0.3.109 → 0.3.110

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js

@@ -1,27 +1,27 @@
-import { jsx as n, jsxs as o } from "react/jsx-runtime";
-import { Box as r } from "@chakra-ui/react/box";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Box as t } from "@chakra-ui/react/box";
 import { Card as y } from "@chakra-ui/react/card";
-import { Collapsible as i } from "@chakra-ui/react/collapsible";
+import { Collapsible as r } from "@chakra-ui/react/collapsible";
 import { useSlotRecipe as b } from "@chakra-ui/react/styled-system";
-import { Text as d } from "@chakra-ui/react/text";
-import I from "../../icons/24x24/IconChevronDown24.js";
-const T = (a) => {
-  const { children: p, defaultExpanded: f, expanded: m, icon: s, onChange: t, secdText: l, size: x = "lg", suffix: c, title: h, ...g } = a, e = b({ key: "expandableCard" })({ size: x }), C = t ? (u) => t(u.open) : void 0;
-  return /* @__PURE__ */ n(y.Root, { css: e.root, children: /* @__PURE__ */ o(i.Root, { defaultOpen: f, open: m, onOpenChange: C, ...g, children: [
-    /* @__PURE__ */ o(i.Trigger, { css: e.header, children: [
-      /* @__PURE__ */ o(r, { display: "flex", alignItems: "center", gap: "8", children: [
-        s && /* @__PURE__ */ n(r, { css: e.icon, children: s }),
-        /* @__PURE__ */ o(r, { display: "flex", alignItems: "flex-start", flexDirection: "column", children: [
-          h,
-          !!l && /* @__PURE__ */ n(d, { css: e.secdText, children: l })
+import { Text as a } from "@chakra-ui/react/text";
+import O from "../../utilities/AssetSelectChevron.js";
+const T = (p) => {
+  const { children: x, defaultExpanded: f, expanded: m, icon: o, onChange: l, secdText: c, size: h = "lg", suffix: d, title: C, ...g } = p, n = b({ key: "expandableCard" })({ size: h }), u = l ? (s) => l(s.open) : void 0;
+  return /* @__PURE__ */ e(y.Root, { css: n.root, children: /* @__PURE__ */ i(r.Root, { defaultOpen: f, open: m, onOpenChange: u, ...g, children: [
+    /* @__PURE__ */ i(r.Trigger, { css: n.header, children: [
+      /* @__PURE__ */ i(t, { display: "flex", alignItems: "center", gap: "8", children: [
+        o && /* @__PURE__ */ e(t, { css: n.icon, children: o }),
+        /* @__PURE__ */ i(t, { display: "flex", alignItems: "flex-start", flexDirection: "column", children: [
+          C,
+          !!c && /* @__PURE__ */ e(a, { css: n.secdText, children: c })
         ] })
       ] }),
-      /* @__PURE__ */ o(r, { display: "flex", alignItems: "center", children: [
-        !!c && /* @__PURE__ */ n(d, { css: e.suffix, children: c }),
-        /* @__PURE__ */ n(I, { css: e.chevron })
+      /* @__PURE__ */ i(t, { display: "flex", alignItems: "center", children: [
+        !!d && /* @__PURE__ */ e(a, { css: n.suffix, children: d }),
+        /* @__PURE__ */ e(r.Context, { children: (s) => /* @__PURE__ */ e(O, { isOpen: s.open }) })
       ] })
     ] }),
-    /* @__PURE__ */ n(i.Content, { css: e.collapsible, children: /* @__PURE__ */ n(r, { css: e.body, children: p }) })
+    /* @__PURE__ */ e(r.Content, { css: n.collapsible, children: /* @__PURE__ */ e(t, { css: n.body, children: x }) })
   ] }) });
 };
 T.displayName = "BitkitExpandableCard";

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

@@ -1,4 +1,4 @@
-declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "root" | "description" | "collapsible" | "secdText" | "suffix" | "chevron", {
+declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "root" | "description" | "collapsible" | "secdText" | "suffix", {
     size: {
         md: {
             header: {

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

@@ -1,8 +1,8 @@
 import { cardAnatomy as e } from "@chakra-ui/react/anatomy";
 import { defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
-const t = o({
+const d = o({
   className: "expandable-card",
-  slots: [...e.keys(), "chevron", "collapsible", "icon", "secdText", "suffix"],
+  slots: [...e.keys(), "collapsible", "icon", "secdText", "suffix"],
   base: {
     root: {
       backgroundColor: "background/primary",
@@ -35,12 +35,6 @@ const t = o({
         animationDuration: "moderate"
       }
     },
-    chevron: {
-      "[data-state=open] &": {
-        transform: "rotate(-180deg)"
-      },
-      transition: "transform 0.2s ease"
-    },
     body: {
       borderTop: "1px solid",
       borderColor: "border/minimal",
@@ -75,5 +69,5 @@ const t = o({
   }
 });
 export {
-  t as default
+  d as default
 };

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

@@ -72,7 +72,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "root" | "description" | "collapsible" | "secdText" | "suffix" | "chevron", {
+    expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "root" | "description" | "collapsible" | "secdText" | "suffix", {
         size: {
             md: {
                 header: {

package/package.json

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