@bitrise/bitkit-v2 0.3.121 → 0.3.122

package/dist/components/BitkitNumberInput/BitkitNumberInput.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Box as w } from "@chakra-ui/react/box";
+import { Box as x } from "@chakra-ui/react/box";
 import { NumberInput as i } from "@chakra-ui/react/number-input";
 import { forwardRef as b } from "react";
 import v from "../../icons/16x16/IconErrorCircleFilled16.js";
@@ -24,9 +24,9 @@ const W = b((a, d) => {
     tooltip: I,
     warningText: l,
     ...h
-  } = a, x = e === "warning" || !!l, m = e === "error" || !!t;
+  } = a, w = e === "warning" || !!l, m = e === "error" || !!t;
   let o;
-  return m ? o = n === "lg" ? /* @__PURE__ */ r(C, { color: "icon/negative" }) : /* @__PURE__ */ r(v, { color: "icon/negative" }) : x && (o = n === "lg" ? /* @__PURE__ */ r(N, { color: "icon/warning" }) : /* @__PURE__ */ r(B, { color: "icon/warning" })), /* @__PURE__ */ r(
+  return m ? o = n === "lg" ? /* @__PURE__ */ r(C, { color: "icon/negative" }) : /* @__PURE__ */ r(v, { color: "icon/negative" }) : w && (o = n === "lg" ? /* @__PURE__ */ r(N, { color: "icon/warning" }) : /* @__PURE__ */ r(B, { color: "icon/warning" })), /* @__PURE__ */ r(
     F,
     {
       disabled: e === "disabled",
@@ -49,7 +49,7 @@ const W = b((a, d) => {
           ...f,
           children: [
             /* @__PURE__ */ c(i.Control, { children: [
-              o && /* @__PURE__ */ r(w, { paddingInline: "12px", display: "flex", alignItems: "center", justifyContent: "center", children: o }),
+              o && /* @__PURE__ */ r(x, { paddingInline: "12", display: "flex", alignItems: "center", justifyContent: "center", children: o }),
               /* @__PURE__ */ r(i.DecrementTrigger, { _before: o ? j : void 0, children: /* @__PURE__ */ r(y, {}) }),
               /* @__PURE__ */ r(i.IncrementTrigger, { children: /* @__PURE__ */ r(T, {}) })
             ] }),

package/dist/theme/recipes/Button.recipe.d.ts

@@ -7,21 +7,21 @@ declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
         sm: {
             minWidth: "32";
             height: "32";
-            paddingInline: string | number;
-            paddingBlock: string | number;
+            paddingInline: string;
+            paddingBlock: string;
             textStyle: "comp/button/sm";
         };
         md: {
             minWidth: "40";
             height: "40";
-            paddingInline: string | number;
-            paddingBlock: string | number;
+            paddingInline: string;
+            paddingBlock: string;
             textStyle: "comp/button/md";
         };
         lg: {
             minWidth: "48";
             height: "48";
-            padding: string | number;
+            padding: string;
             textStyle: "comp/button/lg";
         };
     };

package/dist/theme/recipes/Button.recipe.js

@@ -33,7 +33,7 @@ const s = [
       backgroundColor: `{colors.button.${o}.bg}`,
       borderColor: t,
       borderStyle: "solid",
-      borderWidth: r(1),
+      borderWidth: "1",
       color: `{colors.button.${o}.fg}`
     }, e;
   },

package/dist/theme/recipes/Spinner.recipe.js

@@ -1,6 +1,5 @@
 import { defineRecipe as r } from "@chakra-ui/react/styled-system";
-import { rem as e } from "../themeUtils.js";
-const i = r({
+const o = r({
   className: "spinner",
   base: {
     "--spinner-color": "currentColor",
@@ -8,7 +7,7 @@ const i = r({
     display: "inline-block",
     borderColor: "var(--spinner-color)",
     borderStyle: "solid",
-    borderWidth: e(2),
+    borderWidth: "2",
     borderRadius: "100%",
     width: "var(--spinner-size)",
     height: "var(--spinner-size)",
@@ -42,5 +41,5 @@ const i = r({
   }
 });
 export {
-  i as default
+  o as default
 };

package/dist/theme/recipes/common/InputAndTextarea.common.js

@@ -4,7 +4,7 @@ const e = {
   background: "background/primary",
   borderColor: "border/regular",
   borderRadius: "4",
-  borderWidth: r(1),
+  borderWidth: "1",
   color: "input/text/inputValue",
   textStyle: "body/lg/regular",
   width: "100%",
@@ -45,13 +45,13 @@ const e = {
       paddingInline: r(11),
       paddingBlock: r(9),
       textStyle: "body/md/regular",
-      "--input-height": r("40")
+      "--input-height": r(40)
     },
     lg: {
       paddingInline: r(15),
       paddingBlock: r(11),
       textStyle: "body/lg/regular",
-      "--input-height": r("48")
+      "--input-height": r(48)
     }
   }
 }, l = {

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

@@ -25,21 +25,21 @@ declare const recipes: {
             sm: {
                 minWidth: "32";
                 height: "32";
-                paddingInline: string | number;
-                paddingBlock: string | number;
+                paddingInline: string;
+                paddingBlock: string;
                 textStyle: "comp/button/sm";
             };
             md: {
                 minWidth: "40";
                 height: "40";
-                paddingInline: string | number;
-                paddingBlock: string | number;
+                paddingInline: string;
+                paddingBlock: string;
                 textStyle: "comp/button/md";
             };
             lg: {
                 minWidth: "48";
                 height: "48";
-                padding: string | number;
+                padding: string;
                 textStyle: "comp/button/lg";
             };
         };

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

@@ -75,14 +75,14 @@ declare const avatarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
             root: {
                 width: number;
                 height: number;
-                borderRadius: number;
+                borderRadius: "10";
             };
             image: {
-                borderRadius: number;
+                borderRadius: "10";
             };
             fallback: {
                 textStyle: "comp/avatar/48";
-                borderRadius: number;
+                borderRadius: "10";
             };
             icon: {
                 width: number;

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

@@ -62,9 +62,9 @@ const o = t({
         badgeContainer: { width: 16, height: 16, bottom: -2, right: -2, borderRadius: 4 }
       },
       48: {
-        root: { width: 48, height: 48, borderRadius: 10 },
-        image: { borderRadius: 10 },
-        fallback: { textStyle: "comp/avatar/48", borderRadius: 10 },
+        root: { width: 48, height: 48, borderRadius: "10" },
+        image: { borderRadius: "10" },
+        fallback: { textStyle: "comp/avatar/48", borderRadius: "10" },
         icon: { width: 32, height: 32 },
         badgeContainer: { width: 24, height: 24, bottom: -7, right: -7, borderRadius: "50%" }
       },

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

@@ -7,7 +7,7 @@ const l = e({
     root: {
       display: "inline-flex",
       alignItems: "flex-start",
-      gap: "8px",
+      gap: "8",
       width: "fit-content"
     },
     control: {

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

@@ -1,9 +1,9 @@
-import { datePickerAnatomy as a } from "@ark-ui/react/date-picker";
-import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
-import { rem as e } from "../themeUtils.js";
-const i = r({
+import { datePickerAnatomy as e } from "@ark-ui/react/date-picker";
+import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
+import { rem as r } from "../themeUtils.js";
+const i = a({
   className: "datePicker",
-  slots: [...a.keys(), "months"],
+  slots: [...e.keys(), "months"],
   base: {
     root: {
       display: "flex",
@@ -27,7 +27,7 @@ const i = r({
       backgroundColor: "background/primary",
       borderRadius: "8",
       boxShadow: "large",
-      minWidth: e(312),
+      minWidth: r(312),
       paddingBlock: "24",
       paddingInline: "16"
     },
@@ -72,7 +72,7 @@ const i = r({
       alignItems: "stretch",
       justifyContent: "center",
       width: "100%",
-      height: e(32),
+      height: "32",
       color: "text/primary",
       cursor: "pointer",
       textStyle: "body/md/regular",

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

@@ -4,7 +4,7 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
             trigger: {
                 paddingBlock: "6";
                 textStyle?: "body/md/regular" | undefined;
-                py?: string | number | undefined;
+                py?: string | undefined;
             };
             indicator: {
                 _icon: {
@@ -13,25 +13,25 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
                 };
             };
             item?: {
-                py: string | number;
-                px: string | number;
+                py: "8";
+                px: "16";
                 textStyle: "body/md/regular";
                 _selected: {
                     textStyle: "body/md/semibold";
                 };
             } | undefined;
             itemIndicator?: {
-                width: string | number;
-                height: string | number;
+                width: "16";
+                height: "16";
             } | undefined;
             itemGroupLabel?: {
-                py: string | number;
-                px: string | number;
+                py: "12";
+                px: "16";
             } | undefined;
             searchInput?: {
-                paddingBlock: string | number;
+                paddingBlock: "12";
                 textStyle: "body/md/regular";
-                '--input-height': string | number;
+                '--input-height': string;
             } | undefined;
         };
     };

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

@@ -7,7 +7,7 @@ const d = t({
   base: {
     trigger: {
       ...i.base?.trigger,
-      borderWidth: "0",
+      borderWidth: 0,
       height: "32",
       paddingInlineStart: "12",
       paddingInlineEnd: "8",

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

@@ -2,15 +2,15 @@ declare const nativeSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
     size: {
         md: {
             field: {
-                paddingInline: string | number;
-                paddingBlock: string | number;
+                paddingInline: string;
+                paddingBlock: string;
                 textStyle: "body/md/regular";
             };
         };
         lg: {
             field: {
-                paddingInline: string | number;
-                paddingBlock: string | number;
+                paddingInline: string;
+                paddingBlock: string;
                 textStyle: "body/lg/regular";
             };
         };

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

@@ -13,10 +13,10 @@ const a = r({
     },
     field: {
       width: "100%",
-      minWidth: "0",
+      minWidth: 0,
       appearance: "none",
       borderRadius: "4",
-      borderWidth: o(1),
+      borderWidth: "1",
       borderColor: "border/strong",
       background: "background/primary",
       transition: "200ms",

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

@@ -4,13 +4,13 @@ export declare const numberInputSlotRecipe: import('@chakra-ui/react').SlotRecip
         md: {
             input: import('@chakra-ui/react').SystemStyleObject | undefined;
             control: {
-                '--stepper-width': string | number;
+                '--stepper-width': string;
             };
         };
         lg: {
             input: import('@chakra-ui/react').SystemStyleObject | undefined;
             control: {
-                '--stepper-width': string | number;
+                '--stepper-width': string;
             };
         };
     };

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

@@ -1,14 +1,14 @@
 import { numberInputAnatomy as n } from "@chakra-ui/react/anatomy";
 import { defineStyle as r, defineSlotRecipe as i } from "@chakra-ui/react/styled-system";
-import e from "../recipes/Input.recipe.js";
-import { rem as t } from "../themeUtils.js";
+import t from "../recipes/Input.recipe.js";
+import { rem as e } from "../themeUtils.js";
 const a = r({
   content: '""',
   position: "absolute",
   top: "50%",
   left: "-1px",
   transform: "translateY(-50%)",
-  width: t(1),
+  width: "1",
   height: "24",
   backgroundColor: "border/minimal"
 }), o = r({
@@ -41,20 +41,20 @@ const a = r({
       position: "relative",
       zIndex: "0",
       isolation: "isolate",
-      "--control-width": t(100)
+      "--control-width": e(100)
     },
     input: {
-      ...e.base,
+      ...t.base,
       verticalAlign: "top",
       paddingInlineEnd: "var(--control-width) !important"
     },
     control: {
       display: "flex",
-      gap: t(1),
+      gap: "1",
       position: "absolute",
       top: "0",
       insetEnd: "0",
-      margin: t(1),
+      margin: "1",
       height: "calc(100% - 2px)",
       zIndex: "1"
     },
@@ -76,15 +76,15 @@ const a = r({
   variants: {
     size: {
       md: {
-        input: e.variants?.size.md,
+        input: t.variants?.size.md,
         control: {
-          "--stepper-width": t(40)
+          "--stepper-width": e(40)
         }
       },
       lg: {
-        input: e.variants?.size.lg,
+        input: t.variants?.size.lg,
         control: {
-          "--stepper-width": t(48)
+          "--stepper-width": e(48)
         }
       }
     }

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

@@ -2,29 +2,29 @@ export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefi
     size: {
         md: {
             item: {
-                py: string | number;
-                px: string | number;
+                py: "8";
+                px: "16";
                 textStyle: "body/md/regular";
                 _selected: {
                     textStyle: "body/md/semibold";
                 };
             };
             itemIndicator: {
-                width: string | number;
-                height: string | number;
+                width: "16";
+                height: "16";
             };
             itemGroupLabel: {
-                py: string | number;
-                px: string | number;
+                py: "12";
+                px: "16";
             };
             searchInput: {
-                paddingBlock: string | number;
+                paddingBlock: "12";
                 textStyle: "body/md/regular";
-                '--input-height': string | number;
+                '--input-height': string;
             };
             trigger: {
                 textStyle: "body/md/regular";
-                py: string | number;
+                py: string;
             };
         };
         lg: {};

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

@@ -8,15 +8,15 @@ const l = o({
     trigger: {
       display: "flex",
       alignItems: "center",
-      borderWidth: "1px",
+      borderWidth: "1",
       borderColor: "border/strong",
       bg: "bg.muted",
       color: "input/text/inputValue",
-      gap: e(8),
+      gap: "8",
       justifyContent: "space-between",
-      px: e(16),
+      px: "16",
       py: e(11),
-      borderRadius: e(4),
+      borderRadius: "4",
       userSelect: "none",
       textAlign: "start",
       focusVisibleRing: "inside",
@@ -38,12 +38,12 @@ const l = o({
     indicatorGroup: {
       display: "flex",
       alignItems: "center",
-      gap: e(8),
+      gap: "8",
       pos: "absolute",
       insetEnd: "0",
       top: "0",
       bottom: "0",
-      px: e(16),
+      px: "16",
       pointerEvents: "none"
     },
     indicator: {
@@ -79,12 +79,12 @@ const l = o({
       userSelect: "none",
       display: "flex",
       alignItems: "center",
-      gap: e(12),
+      gap: "12",
       cursor: "option",
       justifyContent: "space-between",
       flex: "1",
-      px: e(16),
-      py: e(12),
+      px: "16",
+      py: "12",
       textAlign: "start",
       textStyle: "body/lg/regular",
       lineHeight: e(24),
@@ -101,15 +101,15 @@ const l = o({
       color: "icon/interactive",
       display: "flex",
       justifyContent: "center",
-      width: e(24),
-      height: e(24)
+      width: "24",
+      height: "24"
     },
     itemGroupLabel: {
       alignItems: "center",
       display: "flex",
-      gap: e(16),
-      py: e(12),
-      px: e(16)
+      gap: "16",
+      py: "12",
+      px: "16"
     },
     control: {
       pos: "relative",
@@ -119,8 +119,8 @@ const l = o({
       border: "none",
       boxShadow: "none",
       outline: "none",
-      paddingRight: e(16),
-      paddingBlock: e(16),
+      paddingRight: "16",
+      paddingBlock: "16",
       textStyle: "body/lg/regular",
       "--input-height": e(32)
     },
@@ -128,30 +128,30 @@ const l = o({
       borderBottom: "1px solid",
       borderColor: "border/minimal",
       appearance: "none",
-      paddingLeft: e(16)
+      paddingLeft: "16"
     }
   },
   variants: {
     size: {
       md: {
         item: {
-          py: e(8),
-          px: e(16),
+          py: "8",
+          px: "16",
           textStyle: "body/md/regular",
           _selected: {
             textStyle: "body/md/semibold"
           }
         },
         itemIndicator: {
-          width: e(16),
-          height: e(16)
+          width: "16",
+          height: "16"
         },
         itemGroupLabel: {
-          py: e(12),
-          px: e(16)
+          py: "12",
+          px: "16"
         },
         searchInput: {
-          paddingBlock: e(12),
+          paddingBlock: "12",
           textStyle: "body/md/regular",
           "--input-height": e(24)
         },

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

@@ -2,9 +2,9 @@ declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
     size: {
         sm: {
             root: {
-                '--switch-width': string | number;
-                '--switch-height': string | number;
-                '--switch-indicator-font-size': string | number;
+                '--switch-width': string;
+                '--switch-height': string;
+                '--switch-indicator-font-size': string;
             };
             control: {
                 borderRadius: "8";
@@ -15,9 +15,9 @@ declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
         };
         md: {
             root: {
-                '--switch-width': string | number;
-                '--switch-height': string | number;
-                '--switch-indicator-font-size': string | number;
+                '--switch-width': string;
+                '--switch-height': string;
+                '--switch-indicator-font-size': string;
             };
             control: {
                 borderRadius: "12";

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

@@ -12,7 +12,7 @@ declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"c
                 gap: "8";
                 color: "text/secondary";
                 paddingBlockStart: "12";
-                paddingBlockEnd: string | number;
+                paddingBlockEnd: string;
                 borderBlockEnd: "2px solid transparent";
                 _selected: {
                     color: "text/primary";
@@ -28,7 +28,7 @@ declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"c
         };
         contained: {
             trigger: {
-                paddingBlockStart: string | number;
+                paddingBlockStart: string;
                 paddingBlockEnd: "12";
                 backgroundColor: "background/tertiary";
                 color: "text/secondary";

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

@@ -32,7 +32,7 @@ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
                 height: "32";
                 paddingInline: "6";
                 '&:has(button)': {
-                    paddingInlineEnd: string | number;
+                    paddingInlineEnd: string;
                 };
             };
             startElement: {

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

@@ -29,8 +29,8 @@ const e = a({
       "--arrow-background": "var(--tooltip-bg)"
     },
     arrowTip: {
-      borderTopWidth: o(1),
-      borderInlineStartWidth: o(1),
+      borderTopWidth: "1",
+      borderInlineStartWidth: "1",
       borderColor: "var(--tooltip-bg)"
     }
   },

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

@@ -101,14 +101,14 @@ declare const slotRecipes: {
                 root: {
                     width: number;
                     height: number;
-                    borderRadius: number;
+                    borderRadius: "10";
                 };
                 image: {
-                    borderRadius: number;
+                    borderRadius: "10";
                 };
                 fallback: {
                     textStyle: "comp/avatar/48";
-                    borderRadius: number;
+                    borderRadius: "10";
                 };
                 icon: {
                     width: number;
@@ -262,7 +262,7 @@ declare const slotRecipes: {
                 trigger: {
                     paddingBlock: "6";
                     textStyle?: "body/md/regular" | undefined;
-                    py?: string | number | undefined;
+                    py?: string | undefined;
                 };
                 indicator: {
                     _icon: {
@@ -271,25 +271,25 @@ declare const slotRecipes: {
                     };
                 };
                 item?: {
-                    py: string | number;
-                    px: string | number;
+                    py: "8";
+                    px: "16";
                     textStyle: "body/md/regular";
                     _selected: {
                         textStyle: "body/md/semibold";
                     };
                 } | undefined;
                 itemIndicator?: {
-                    width: string | number;
-                    height: string | number;
+                    width: "16";
+                    height: "16";
                 } | undefined;
                 itemGroupLabel?: {
-                    py: string | number;
-                    px: string | number;
+                    py: "12";
+                    px: "16";
                 } | undefined;
                 searchInput?: {
-                    paddingBlock: string | number;
+                    paddingBlock: "12";
                     textStyle: "body/md/regular";
-                    '--input-height': string | number;
+                    '--input-height': string;
                 } | undefined;
             };
         };
@@ -367,15 +367,15 @@ declare const slotRecipes: {
         size: {
             md: {
                 field: {
-                    paddingInline: string | number;
-                    paddingBlock: string | number;
+                    paddingInline: string;
+                    paddingBlock: string;
                     textStyle: "body/md/regular";
                 };
             };
             lg: {
                 field: {
-                    paddingInline: string | number;
-                    paddingBlock: string | number;
+                    paddingInline: string;
+                    paddingBlock: string;
                     textStyle: "body/lg/regular";
                 };
             };
@@ -450,13 +450,13 @@ declare const slotRecipes: {
             md: {
                 input: import('@chakra-ui/react').SystemStyleObject | undefined;
                 control: {
-                    '--stepper-width': string | number;
+                    '--stepper-width': string;
                 };
             };
             lg: {
                 input: import('@chakra-ui/react').SystemStyleObject | undefined;
                 control: {
-                    '--stepper-width': string | number;
+                    '--stepper-width': string;
                 };
             };
         };
@@ -502,29 +502,29 @@ declare const slotRecipes: {
         size: {
             md: {
                 item: {
-                    py: string | number;
-                    px: string | number;
+                    py: "8";
+                    px: "16";
                     textStyle: "body/md/regular";
                     _selected: {
                         textStyle: "body/md/semibold";
                     };
                 };
                 itemIndicator: {
-                    width: string | number;
-                    height: string | number;
+                    width: "16";
+                    height: "16";
                 };
                 itemGroupLabel: {
-                    py: string | number;
-                    px: string | number;
+                    py: "12";
+                    px: "16";
                 };
                 searchInput: {
-                    paddingBlock: string | number;
+                    paddingBlock: "12";
                     textStyle: "body/md/regular";
-                    '--input-height': string | number;
+                    '--input-height': string;
                 };
                 trigger: {
                     textStyle: "body/md/regular";
-                    py: string | number;
+                    py: string;
                 };
             };
             lg: {};
@@ -534,9 +534,9 @@ declare const slotRecipes: {
         size: {
             sm: {
                 root: {
-                    '--switch-width': string | number;
-                    '--switch-height': string | number;
-                    '--switch-indicator-font-size': string | number;
+                    '--switch-width': string;
+                    '--switch-height': string;
+                    '--switch-indicator-font-size': string;
                 };
                 control: {
                     borderRadius: "8";
@@ -547,9 +547,9 @@ declare const slotRecipes: {
             };
             md: {
                 root: {
-                    '--switch-width': string | number;
-                    '--switch-height': string | number;
-                    '--switch-indicator-font-size': string | number;
+                    '--switch-width': string;
+                    '--switch-height': string;
+                    '--switch-indicator-font-size': string;
                 };
                 control: {
                     borderRadius: "12";
@@ -574,7 +574,7 @@ declare const slotRecipes: {
                     gap: "8";
                     color: "text/secondary";
                     paddingBlockStart: "12";
-                    paddingBlockEnd: string | number;
+                    paddingBlockEnd: string;
                     borderBlockEnd: "2px solid transparent";
                     _selected: {
                         color: "text/primary";
@@ -590,7 +590,7 @@ declare const slotRecipes: {
             };
             contained: {
                 trigger: {
-                    paddingBlockStart: string | number;
+                    paddingBlockStart: string;
                     paddingBlockEnd: "12";
                     backgroundColor: "background/tertiary";
                     color: "text/secondary";
@@ -647,7 +647,7 @@ declare const slotRecipes: {
                     height: "32";
                     paddingInline: "6";
                     '&:has(button)': {
-                        paddingInlineEnd: string | number;
+                        paddingInlineEnd: string;
                     };
                 };
                 startElement: {

package/dist/theme/themeUtils.d.ts

@@ -1,5 +1,10 @@
 import { TextProps } from '@chakra-ui/react/text';
 export declare const flattenColorTokens: (object: object, prefix?: string) => Record<string, any>;
 export declare function withSlashes(object: Record<string, any>): Record<string, any>;
-export declare const rem: (input: number | string) => number | string;
+/**
+ *
+ * @param input Value in pixels
+ * @returns Value in rems
+ */
+export declare const rem: (input: number) => string;
 export declare const getTextStyle: (as: TextProps["as"]) => string | undefined;

package/dist/theme/themeUtils.js

@@ -1,28 +1,25 @@
-import { isPlainObject as i } from "es-toolkit";
-const a = (e, t = "") => {
+import { isPlainObject as u } from "es-toolkit";
+const i = (e, r = "") => {
   const n = {}, c = Object.keys(e);
-  for (let r = 0; r < c.length; r++) {
-    const o = c[r], s = e[o], l = t ? `${t}/${o}` : o;
-    if (i(s) && Object.keys(s).length > 0 && Object.keys(s)[0] !== "value") {
-      Object.assign(n, a(s, l));
+  for (let s = 0; s < c.length; s++) {
+    const o = c[s], t = e[o], l = r ? `${r}/${o}` : o;
+    if (u(t) && Object.keys(t).length > 0 && Object.keys(t)[0] !== "value") {
+      Object.assign(n, i(t, l));
       continue;
     }
-    n[l] = s;
+    n[l] = t;
   }
   return n;
 };
-function f(e) {
+function k(e) {
   return {
     ...e,
-    ...a(e)
+    ...i(e)
   };
 }
-const y = (e) => {
-  const t = typeof e == "string" ? parseInt(e, 10) : e;
-  return Number.isNaN(t) ? e : `${t / 16}rem`;
-};
+const y = (e) => `${e / 16}rem`;
 export {
-  a as flattenColorTokens,
+  i as flattenColorTokens,
   y as rem,
-  f as withSlashes
+  k as withSlashes
 };

package/package.json

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