@bitrise/bitkit-v2 0.3.58 → 0.3.60

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

@@ -1,5 +1,5 @@
-import { defineRecipe as d } from "@chakra-ui/react";
-import { rem as e } from "../themeUtils.js";
+import { defineRecipe as l } from "@chakra-ui/react/styled-system";
+import { rem as r } from "../themeUtils.js";
 const s = [
   "primary",
   "secondary",
@@ -11,9 +11,9 @@ const s = [
   "ai-secondary",
   "ai-tertiary"
 ], n = s.reduce(
-  (r, o) => {
-    let t = o?.includes("secondary") ? `{colors.button.${o}.border}` : `{colors.button.${o}.bg}`, l = o?.includes("secondary") ? `{colors.button.${o}.border-disabled}` : `{colors.button.${o}.bg-disabled}`;
-    return o?.includes("tertiary") && (t = "transparent", l = "transparent"), r[o] = {
+  (e, o) => {
+    let t = o?.includes("secondary") ? `{colors.button.${o}.border}` : `{colors.button.${o}.bg}`, d = o?.includes("secondary") ? `{colors.button.${o}.border-disabled}` : `{colors.button.${o}.bg-disabled}`;
+    return o?.includes("tertiary") && (t = "transparent", d = "transparent"), e[o] = {
       "&:hover": {
         backgroundColor: `{colors.button.${o}.bg-hover}`,
         borderColor: o?.includes("secondary") ? `{colors.button.${o}.border-hover}` : `{colors.button.${o}.bg-hover}`,
@@ -26,19 +26,19 @@ const s = [
       },
       _disabled: {
         backgroundColor: `{colors.button.${o}.bg-disabled}!`,
-        borderColor: `${l}!`,
+        borderColor: `${d}!`,
         color: `{colors.button.${o}.fg-disabled}!`,
         cursor: "not-allowed"
       },
       backgroundColor: `{colors.button.${o}.bg}`,
       borderColor: t,
       borderStyle: "solid",
-      borderWidth: e(1),
+      borderWidth: r(1),
       color: `{colors.button.${o}.fg}`
-    }, r;
+    }, e;
   },
   {}
-), b = d({
+), b = l({
   className: "button",
   base: {
     borderRadius: "4",
@@ -54,15 +54,6 @@ const s = [
     "--spinner-size": "sizes.16",
     _disabled: {
       cursor: "not-allowed"
-    },
-    "&[data-skeleton=true]": {
-      borderColor: "utilities/skeleton",
-      backgroundColor: "utilities/skeleton",
-      cursor: "default",
-      pointerEvents: "none",
-      "& > *": {
-        visibility: "hidden"
-      }
     }
   },
   variants: {
@@ -71,21 +62,21 @@ const s = [
       sm: {
         minWidth: "32",
         height: "32",
-        paddingInline: e(7),
-        paddingBlock: e(5),
+        paddingInline: r(7),
+        paddingBlock: r(5),
         textStyle: "comp/button/sm"
       },
       md: {
         minWidth: "40",
         height: "40",
-        paddingInline: e(11),
-        paddingBlock: e(7),
+        paddingInline: r(11),
+        paddingBlock: r(7),
         textStyle: "comp/button/md"
       },
       lg: {
         minWidth: "48",
         height: "48",
-        padding: e(11),
+        padding: r(11),
         textStyle: "comp/button/lg"
       }
     }

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

@@ -1,2 +1,2 @@
-declare const input: import('@chakra-ui/react').RecipeDefinition<Record<"size", Record<"md" | "lg", import('@chakra-ui/react').SystemStyleObject>>>;
-export default input;
+declare const inputRecipe: import('@chakra-ui/react').RecipeDefinition<Record<"size", Record<"md" | "lg", import('@chakra-ui/react').SystemStyleObject>>>;
+export default inputRecipe;

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

@@ -1,11 +1,11 @@
-import { defineRecipe as a } from "@chakra-ui/react";
-import { defaultVariants as t, variants as e, base as i } from "./common/InputAndTextarea.common.js";
-const n = a({
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+import { defaultVariants as a, variants as t, base as i } from "./common/InputAndTextarea.common.js";
+const s = e({
   className: "input",
   base: i,
-  variants: e,
-  defaultVariants: t
+  variants: t,
+  defaultVariants: a
 });
 export {
-  n as default
+  s as default
 };

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

@@ -1,4 +1,4 @@
-declare const link: import('@chakra-ui/react').RecipeDefinition<{
+declare const linkRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: {
         purple: {
             color: "text/link";
@@ -8,4 +8,4 @@ declare const link: import('@chakra-ui/react').RecipeDefinition<{
         };
     };
 }>;
-export default link;
+export default linkRecipe;

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

@@ -1,4 +1,4 @@
-import { defineRecipe as e } from "@chakra-ui/react";
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
 const r = e({
   className: "link",
   base: {

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

@@ -1,4 +1,4 @@
-declare const separator: import('@chakra-ui/react').RecipeDefinition<{
+declare const separatorRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: {};
     orientation: {
         horizontal: {
@@ -19,4 +19,4 @@ declare const separator: import('@chakra-ui/react').RecipeDefinition<{
         };
     };
 }>;
-export default separator;
+export default separatorRecipe;

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

@@ -1,5 +1,5 @@
-import { defineRecipe as r } from "@chakra-ui/react";
-const t = r({
+import { defineRecipe as r } from "@chakra-ui/react/styled-system";
+const e = r({
   className: "separator",
   base: {
     display: "block",
@@ -33,5 +33,5 @@ const t = r({
   }
 });
 export {
-  t as default
+  e as default
 };

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

@@ -0,0 +1,24 @@
+declare const skeletonRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    loading: {
+        true: {
+            backgroundImage: "linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))";
+            backgroundSize: "400% 100%";
+            animation: "bg-position var(--duration, 10s) ease-in-out infinite";
+            borderRadius: "4";
+            borderColor: "transparent";
+            backgroundClip: "padding-box";
+            cursor: "default";
+            color: "transparent";
+            pointerEvents: "none";
+            userSelect: "none";
+            flexShrink: "0";
+            '&::before, &::after, *': {
+                visibility: "hidden";
+            };
+        };
+        false: {
+            animation: "fade-in var(--fade-duration, 0.1s) ease-out !important";
+        };
+    };
+}>;
+export default skeletonRecipe;

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

@@ -0,0 +1,39 @@
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+const a = e({
+  className: "skeleton",
+  base: {
+    "--animate-from": "200%",
+    "--animate-to": "-200%",
+    "--start-color": "colors.utilities.skeleton",
+    "--end-color": "colors.utilities.skeleton-strong"
+  },
+  variants: {
+    loading: {
+      true: {
+        backgroundImage: "linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))",
+        backgroundSize: "400% 100%",
+        animation: "bg-position var(--duration, 10s) ease-in-out infinite",
+        borderRadius: "4",
+        borderColor: "transparent",
+        backgroundClip: "padding-box",
+        cursor: "default",
+        color: "transparent",
+        pointerEvents: "none",
+        userSelect: "none",
+        flexShrink: "0",
+        "&::before, &::after, *": {
+          visibility: "hidden"
+        }
+      },
+      false: {
+        animation: "fade-in var(--fade-duration, 0.1s) ease-out !important"
+      }
+    }
+  },
+  defaultVariants: {
+    loading: !0
+  }
+});
+export {
+  a as default
+};

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

@@ -1,4 +1,4 @@
-declare const spinner: import('@chakra-ui/react').RecipeDefinition<{
+declare const spinnerRecipe: import('@chakra-ui/react').RecipeDefinition<{
     size: {
         md: {
             '--spinner-size': "sizes.12";
@@ -22,4 +22,4 @@ declare const spinner: import('@chakra-ui/react').RecipeDefinition<{
         };
     };
 }>;
-export default spinner;
+export default spinnerRecipe;

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

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

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

@@ -1,2 +1,2 @@
-declare const textarea: import('@chakra-ui/react').RecipeDefinition<Record<"size", Record<"md" | "lg", import('@chakra-ui/react').SystemStyleObject>>>;
-export default textarea;
+declare const textareaRecipe: import('@chakra-ui/react').RecipeDefinition<Record<"size", Record<"md" | "lg", import('@chakra-ui/react').SystemStyleObject>>>;
+export default textareaRecipe;

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

@@ -1,10 +1,10 @@
-import { defineRecipe as a } from "@chakra-ui/react";
-import { defaultVariants as e, variants as t, base as r } from "./common/InputAndTextarea.common.js";
-const o = a({
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+import { defaultVariants as a, variants as t, base as r } from "./common/InputAndTextarea.common.js";
+const o = e({
   className: "textarea",
   base: r,
   variants: t,
-  defaultVariants: e
+  defaultVariants: a
 });
 export {
   o as default

package/dist/theme/recipes/common/InputAndTextarea.common.d.ts

@@ -1,4 +1,4 @@
-import { SystemStyleObject } from '@chakra-ui/react';
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const base: SystemStyleObject;
 export declare const variants: Record<'size', Record<'md' | 'lg', SystemStyleObject>>;
 export declare const defaultVariants: Record<'size', 'md' | 'lg'>;

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

@@ -56,6 +56,29 @@ declare const recipes: {
             };
         };
     }>;
+    skeleton: import('@chakra-ui/react').RecipeDefinition<{
+        loading: {
+            true: {
+                backgroundImage: "linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))";
+                backgroundSize: "400% 100%";
+                animation: "bg-position var(--duration, 10s) ease-in-out infinite";
+                borderRadius: "4";
+                borderColor: "transparent";
+                backgroundClip: "padding-box";
+                cursor: "default";
+                color: "transparent";
+                pointerEvents: "none";
+                userSelect: "none";
+                flexShrink: "0";
+                '&::before, &::after, *': {
+                    visibility: "hidden";
+                };
+            };
+            false: {
+                animation: "fade-in var(--fade-duration, 0.1s) ease-out !important";
+            };
+        };
+    }>;
     spinner: import('@chakra-ui/react').RecipeDefinition<{
         size: {
             md: {

package/dist/theme/recipes/index.js

@@ -1,17 +1,19 @@
-import r from "./Button.recipe.js";
-import o from "./Input.recipe.js";
+import e from "./Button.recipe.js";
+import r from "./Input.recipe.js";
 import t from "./Link.recipe.js";
-import m from "./Separator.recipe.js";
-import p from "./Spinner.recipe.js";
-import i from "./Textarea.recipe.js";
-const c = {
-  button: r,
-  input: o,
+import o from "./Separator.recipe.js";
+import p from "./Skeleton.recipe.js";
+import i from "./Spinner.recipe.js";
+import m from "./Textarea.recipe.js";
+const u = {
+  button: e,
+  input: r,
   link: t,
-  separator: m,
-  spinner: p,
-  textarea: i
+  separator: o,
+  skeleton: p,
+  spinner: i,
+  textarea: m
 };
 export {
-  c as default
+  u as default
 };

package/dist/theme/semantic-tokens/semanticColors.js

@@ -1,4 +1,4 @@
-import { defineSemanticTokens as o } from "@chakra-ui/react";
+import { defineSemanticTokens as o } from "@chakra-ui/react/styled-system";
 import { withSlashes as t } from "../themeUtils.js";
 import e from "./semanticColors.json.js";
 const a = o.colors(t(e));

package/dist/theme/semantic-tokens/shadows.js

@@ -1,6 +1,46 @@
-import { defineSemanticTokens as o } from "@chakra-ui/react";
-import t from "./shadows.json.js";
-const s = o.shadows(t);
+import { defineSemanticTokens as e } from "@chakra-ui/react/styled-system";
+const l = e.shadows({
+  formFocus: {
+    value: {
+      _light: "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px var(--colors-purple-70)"
+    }
+  },
+  inner: {
+    value: {
+      _light: "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset"
+    }
+  },
+  innerSmall: {
+    value: {
+      _light: "0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1) inset"
+    }
+  },
+  large: {
+    value: {
+      _light: "0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)"
+    }
+  },
+  medium: {
+    value: {
+      _light: "0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.06)"
+    }
+  },
+  outline: {
+    value: {
+      _light: "0 0 0 3px var(--colors-purple-70)"
+    }
+  },
+  small: {
+    value: {
+      _light: "0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06)"
+    }
+  },
+  tooltip: {
+    value: {
+      _light: "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2)"
+    }
+  }
+});
 export {
-  s as default
+  l as default
 };

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

@@ -1,2 +1,2 @@
-declare const field: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">>;
-export default field;
+declare const fieldSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">>;
+export default fieldSlotRecipe;

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

@@ -1,8 +1,8 @@
-import { defineSlotRecipe as t } from "@chakra-ui/react";
-import { fieldAnatomy as e } from "@chakra-ui/react/anatomy";
-const a = t({
+import { fieldAnatomy as t } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+const i = e({
   className: "field",
-  slots: e.keys(),
+  slots: t.keys(),
   base: {
     root: {
       width: "100%",
@@ -48,5 +48,5 @@ const a = t({
   }
 });
 export {
-  a as default
+  i as default
 };

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

@@ -1,4 +1,4 @@
-declare const nativeSelect: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator", {
+declare const nativeSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator", {
     size: {
         md: {
             field: {
@@ -16,4 +16,4 @@ declare const nativeSelect: import('@chakra-ui/react').SlotRecipeDefinition<"fie
         };
     };
 }>;
-export default nativeSelect;
+export default nativeSelectSlotRecipe;

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

@@ -1,5 +1,5 @@
-import { defineSlotRecipe as r } from "@chakra-ui/react";
 import { nativeSelectAnatomy as e } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
 import { rem as o } from "../themeUtils.js";
 const l = r({
   className: "native-select",

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

@@ -1,5 +1,5 @@
 export declare const triggerSeparatorStyle: import('@chakra-ui/react').SystemStyleObject;
-export declare const numberInput: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "control" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
+export declare const numberInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "control" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
     size: {
         md: {
             input: import('@chakra-ui/react').SystemStyleObject | undefined;
@@ -15,4 +15,4 @@ export declare const numberInput: import('@chakra-ui/react').SlotRecipeDefinitio
         };
     };
 }>;
-export default numberInput;
+export default numberInputSlotRecipe;

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

@@ -1,5 +1,5 @@
-import { defineStyle as r, defineSlotRecipe as n } from "@chakra-ui/react";
-import { numberInputAnatomy as i } from "@chakra-ui/react/anatomy";
+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";
 const a = r({
@@ -33,9 +33,9 @@ const a = r({
     color: "button/secondary/fg-active",
     backgroundColor: "button/tertiary/bg-active"
   }
-}), c = n({
+}), c = i({
   className: "number-input",
-  slots: i.keys(),
+  slots: n.keys(),
   base: {
     root: {
       position: "relative",
@@ -95,6 +95,6 @@ const a = r({
 });
 export {
   c as default,
-  c as numberInput,
+  c as numberInputSlotRecipe,
   a as triggerSeparatorStyle
 };

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

@@ -1,2 +1,2 @@
-declare const tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
-export default tooltip;
+declare const tooltipSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
+export default tooltipSlotRecipe;

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

@@ -1,7 +1,7 @@
-import { defineSlotRecipe as r } from "@chakra-ui/react";
 import { tooltipAnatomy as t } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
 import { rem as o } from "../themeUtils.js";
-const l = r({
+const e = r({
   className: "tooltip",
   slots: t.keys(),
   base: {
@@ -16,17 +16,15 @@ const l = r({
       boxShadow: "tooltip",
       maxWidth: o(320),
       zIndex: "tooltip",
-      transformOrigin: "var(--transform-origin)"
-      /*
+      transformOrigin: "var(--transform-origin)",
       _open: {
-        animationStyle: 'scale-fade-in',
-        animationDuration: 'fast',
+        animationStyle: "scale-fade-in",
+        animationDuration: "fast"
       },
       _closed: {
-        animationStyle: 'scale-fade-out',
-        animationDuration: 'fast',
-      },
-      */
+        animationStyle: "scale-fade-out",
+        animationDuration: "fast"
+      }
     },
     arrow: {
       "--arrow-size": o(8),
@@ -40,5 +38,5 @@ const l = r({
   }
 });
 export {
-  l as default
+  e as default
 };

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

@@ -1,13 +1,13 @@
-import o from "./Field.recipe.js";
+import e from "./Field.recipe.js";
 import t from "./NativeSelect.js";
-import { numberInput as r } from "./NumberInput.recipe.js";
-import e from "./Tooltip.recipe.js";
-const l = {
-  field: o,
+import { numberInputSlotRecipe as o } from "./NumberInput.recipe.js";
+import i from "./Tooltip.recipe.js";
+const c = {
+  field: e,
   nativeSelect: t,
-  numberInput: r,
-  tooltip: e
+  numberInput: o,
+  tooltip: i
 };
 export {
-  l as default
+  c as default
 };

package/dist/theme/text-styles.js

@@ -1,4 +1,4 @@
-import { defineTextStyles as i } from "@chakra-ui/react";
+import { defineTextStyles as i } from "@chakra-ui/react/styled-system";
 const e = {
   "mono/code-2": {
     value: {

package/dist/theme/themeUtils.d.ts

@@ -1,4 +1,4 @@
-import { TextProps } from '@chakra-ui/react';
+import { TextProps } from '@chakra-ui/react/text';
 export declare function withSlashes(dataObject: Record<string, any>, prefix?: string): Record<string, any>;
 export declare const rem: (input: number | string) => number | string;
 export declare const getTextStyle: (as: TextProps["as"]) => string | undefined;

package/dist/theme/tokens/animations.d.ts

@@ -2,5 +2,14 @@ declare const animations: {
     spin: {
         value: string;
     };
+    ping: {
+        value: string;
+    };
+    pulse: {
+        value: string;
+    };
+    bounce: {
+        value: string;
+    };
 };
 export default animations;

package/dist/theme/tokens/animations.js

@@ -1,7 +1,10 @@
-import { defineTokens as i } from "@chakra-ui/react";
-const a = i.animations({
-  spin: { value: "spin 1s linear infinite" }
+import { defineTokens as i } from "@chakra-ui/react/styled-system";
+const n = i.animations({
+  spin: { value: "spin 1s linear infinite" },
+  ping: { value: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite" },
+  pulse: { value: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" },
+  bounce: { value: "bounce 1s infinite" }
 });
 export {
-  a as default
+  n as default
 };