@bitrise/bitkit-v2 0.3.170 → 0.3.172

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

@@ -1,2 +1,2 @@
-declare const breadcrumbSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink">>;
+declare const breadcrumbSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink">>;
 export default breadcrumbSlotRecipe;

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

@@ -1,4 +1,4 @@
-declare const comboboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "list" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
+declare const comboboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
     size: {
         md: {
             input: import('@chakra-ui/react').SystemStyleObject;

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

@@ -1,4 +1,4 @@
-declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
+declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
     size: {
         md: {
             trigger: {

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

@@ -0,0 +1,23 @@
+declare const listSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item" | "indicator", {
+    size: {
+        lg: {
+            item: {
+                textStyle: "body/lg/regular";
+            };
+            indicator: {
+                height: "24";
+                width: "24";
+            };
+        };
+        md: {
+            item: {
+                textStyle: "body/md/regular";
+            };
+            indicator: {
+                height: "20";
+                width: "20";
+            };
+        };
+    };
+}>;
+export default listSlotRecipe;

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

@@ -0,0 +1,46 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+import { listAnatomy as t } from "@chakra-ui/react/anatomy";
+var a = e({
+  className: "list",
+  slots: t.keys(),
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8"
+    },
+    item: {
+      alignItems: "flex-start",
+      color: "text/body",
+      display: "inline-flex",
+      whiteSpace: "normal"
+    },
+    indicator: {
+      alignItems: "center",
+      color: "text/secondary",
+      display: "inline-flex",
+      flexShrink: 0,
+      justifyContent: "center"
+    }
+  },
+  variants: { size: {
+    lg: {
+      item: { textStyle: "body/lg/regular" },
+      indicator: {
+        height: "24",
+        width: "24"
+      }
+    },
+    md: {
+      item: { textStyle: "body/md/regular" },
+      indicator: {
+        height: "20",
+        width: "20"
+      }
+    }
+  } },
+  defaultVariants: { size: "lg" }
+});
+export {
+  a as default
+};

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

@@ -1,4 +1,4 @@
-export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
+export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
     size: {
         lg: Record<string, import('@chakra-ui/react').SystemStyleObject>;
         md: {

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

@@ -1,4 +1,4 @@
-declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "indicator" | "list" | "contentGroup", {
+declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "indicator" | "contentGroup", {
     variant: {
         line: {
             list: {

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

@@ -1,22 +1,54 @@
 declare const tooltipSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
-    size: {
+    variant: {
+        dark: {
+            content: {
+                '--tooltip-bg': "colors.background.contrast";
+                color: "text/on-contrast";
+            };
+        };
+        light: {
+            content: {
+                '--tooltip-bg': "colors.background.tertiary";
+                color: "text/primary";
+            };
+        };
+    };
+    paddingSize: {
         sm: {
             content: {
                 paddingInline: "8";
                 paddingBlock: "4";
                 borderRadius: "4";
-                textStyle: "body/sm/semibold";
             };
         };
         md: {
             content: {
                 paddingInline: "12";
                 paddingBlock: "8";
+                borderRadius: "8";
             };
         };
         lg: {
             content: {
                 padding: "16";
+                borderRadius: "8";
+            };
+        };
+    };
+    textStyle: {
+        'sm/regular': {
+            content: {
+                textStyle: "body/sm/regular";
+            };
+        };
+        'sm/semibold': {
+            content: {
+                textStyle: "body/sm/semibold";
+            };
+        };
+        'md/regular': {
+            content: {
+                textStyle: "body/md/regular";
             };
         };
     };

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

@@ -1,9 +1,9 @@
-import { rem as o } from "../themeUtils.js";
-import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-import { tooltipAnatomy as a } from "@chakra-ui/react/anatomy";
-var e = t({
+import { rem as t } from "../themeUtils.js";
+import { defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
+import { tooltipAnatomy as r } from "@chakra-ui/react/anatomy";
+var i = o({
   className: "tooltip",
-  slots: a.keys(),
+  slots: r.keys(),
   base: {
     positioner: { pointerEvents: "none" },
     content: {
@@ -11,11 +11,8 @@ var e = t({
       backgroundColor: "var(--tooltip-bg)",
       color: "text/on-contrast",
       boxShadow: "elevation/tooltip",
-      maxWidth: o(320),
       zIndex: "tooltip",
       transformOrigin: "var(--transform-origin)",
-      borderRadius: "8",
-      textStyle: "body/md/regular",
       _open: {
         animationStyle: "scale-fade-in",
         animationDuration: "fast"
@@ -26,30 +23,54 @@ var e = t({
       }
     },
     arrow: {
-      "--arrow-size": o(8),
+      "--arrow-size": t(8),
       "--arrow-background": "var(--tooltip-bg)"
     },
     arrowTip: {
-      borderTopWidth: o(1),
-      borderInlineStartWidth: o(1),
+      borderTopWidth: t(1),
+      borderInlineStartWidth: t(1),
       borderColor: "var(--tooltip-bg)"
     }
   },
-  variants: { size: {
-    sm: { content: {
-      paddingInline: "8",
-      paddingBlock: "4",
-      borderRadius: "4",
-      textStyle: "body/sm/semibold"
-    } },
-    md: { content: {
-      paddingInline: "12",
-      paddingBlock: "8"
-    } },
-    lg: { content: { padding: "16" } }
-  } },
-  defaultVariants: { size: "md" }
+  variants: {
+    variant: {
+      dark: { content: {
+        "--tooltip-bg": "colors.background.contrast",
+        color: "text/on-contrast"
+      } },
+      light: { content: {
+        "--tooltip-bg": "colors.background.tertiary",
+        color: "text/primary"
+      } }
+    },
+    paddingSize: {
+      sm: { content: {
+        paddingInline: "8",
+        paddingBlock: "4",
+        borderRadius: "4"
+      } },
+      md: { content: {
+        paddingInline: "12",
+        paddingBlock: "8",
+        borderRadius: "8"
+      } },
+      lg: { content: {
+        padding: "16",
+        borderRadius: "8"
+      } }
+    },
+    textStyle: {
+      "sm/regular": { content: { textStyle: "body/sm/regular" } },
+      "sm/semibold": { content: { textStyle: "body/sm/semibold" } },
+      "md/regular": { content: { textStyle: "body/md/regular" } }
+    }
+  },
+  defaultVariants: {
+    variant: "dark",
+    paddingSize: "md",
+    textStyle: "md/regular"
+  }
 });
 export {
-  e as default
+  i as default
 };

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

@@ -249,7 +249,7 @@ declare const slotRecipes: {
             rounded: {};
         };
     }>;
-    breadcrumb: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink">>;
+    breadcrumb: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink">>;
     card: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "root" | "description", {
         elevation: {
             true: {
@@ -465,7 +465,7 @@ declare const slotRecipes: {
             false: {};
         };
     }>;
-    combobox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "list" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
+    combobox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
         size: {
             md: {
                 input: import('@chakra-ui/react').SystemStyleObject;
@@ -514,7 +514,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    datePickerSelect: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
+    datePickerSelect: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
         size: {
             md: {
                 trigger: {
@@ -659,6 +659,28 @@ declare const slotRecipes: {
             };
         };
     }>;
+    list: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item" | "indicator", {
+        size: {
+            lg: {
+                item: {
+                    textStyle: "body/lg/regular";
+                };
+                indicator: {
+                    height: "24";
+                    width: "24";
+                };
+            };
+            md: {
+                item: {
+                    textStyle: "body/md/regular";
+                };
+                indicator: {
+                    height: "20";
+                    width: "20";
+                };
+            };
+        };
+    }>;
     menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
         size: {
             lg: {
@@ -781,7 +803,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
+    select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
         size: {
             lg: Record<string, import('@chakra-ui/react').SystemStyleObject>;
             md: {
@@ -868,7 +890,7 @@ declare const slotRecipes: {
         };
     }>;
     table: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader", import('@chakra-ui/react').SlotRecipeVariantRecord<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader">>;
-    tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "indicator" | "list" | "contentGroup", {
+    tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "indicator" | "contentGroup", {
         variant: {
             line: {
                 list: {
@@ -969,24 +991,56 @@ declare const slotRecipes: {
         };
     }>;
     tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
-        size: {
+        variant: {
+            dark: {
+                content: {
+                    '--tooltip-bg': "colors.background.contrast";
+                    color: "text/on-contrast";
+                };
+            };
+            light: {
+                content: {
+                    '--tooltip-bg': "colors.background.tertiary";
+                    color: "text/primary";
+                };
+            };
+        };
+        paddingSize: {
             sm: {
                 content: {
                     paddingInline: "8";
                     paddingBlock: "4";
                     borderRadius: "4";
-                    textStyle: "body/sm/semibold";
                 };
             };
             md: {
                 content: {
                     paddingInline: "12";
                     paddingBlock: "8";
+                    borderRadius: "8";
                 };
             };
             lg: {
                 content: {
                     padding: "16";
+                    borderRadius: "8";
+                };
+            };
+        };
+        textStyle: {
+            'sm/regular': {
+                content: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+            'sm/semibold': {
+                content: {
+                    textStyle: "body/sm/semibold";
+                };
+            };
+            'md/regular': {
+                content: {
+                    textStyle: "body/md/regular";
                 };
             };
         };

package/dist/theme/slot-recipes/index.js

@@ -19,18 +19,19 @@ import u from "./Fieldset.recipe.js";
 import g from "./FileUpload.recipe.js";
 import x from "./ImageCropper.recipe.js";
 import k from "./InlineLoading.recipe.js";
-import v from "./Menu.recipe.js";
-import h from "./NativeSelect.recipe.js";
-import B from "./RadioGroup.recipe.js";
-import C from "./Ribbon.recipe.js";
-import G from "./SegmentGroup.recipe.js";
-import P from "./SplitButton.recipe.js";
-import w from "./Switch.recipe.js";
-import y from "./Table.recipe.js";
-import I from "./Tabs.recipe.js";
-import L from "./Tag.recipe.js";
-import U from "./Tooltip.recipe.js";
-var fo = {
+import v from "./List.recipe.js";
+import h from "./Menu.recipe.js";
+import B from "./NativeSelect.recipe.js";
+import C from "./RadioGroup.recipe.js";
+import G from "./Ribbon.recipe.js";
+import P from "./SegmentGroup.recipe.js";
+import w from "./SplitButton.recipe.js";
+import y from "./Switch.recipe.js";
+import I from "./Table.recipe.js";
+import L from "./Tabs.recipe.js";
+import U from "./Tag.recipe.js";
+import j from "./Tooltip.recipe.js";
+var Ro = {
   accordion: e,
   actionBar: t,
   alert: i,
@@ -50,20 +51,21 @@ var fo = {
   fileUpload: g,
   imageCropper: x,
   inlineLoading: k,
-  menu: v,
-  nativeSelect: h,
+  list: v,
+  menu: h,
+  nativeSelect: B,
   numberInput: o,
-  radioGroup: B,
-  ribbon: C,
-  segmentGroup: G,
+  radioGroup: C,
+  ribbon: G,
+  segmentGroup: P,
   select: S,
-  splitButton: P,
-  switch: w,
-  table: y,
-  tabs: I,
-  tag: L,
-  tooltip: U
+  splitButton: w,
+  switch: y,
+  table: I,
+  tabs: L,
+  tag: U,
+  tooltip: j
 };
 export {
-  fo as default
+  Ro as default
 };

package/package.json

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