@bitrise/bitkit-v2 0.3.68 → 0.3.70

package/dist/components/{DataDisplay/BitkitBadge → BitkitBadge}/BitkitBadge.d.ts

@@ -1,10 +1,13 @@
 import { BadgeProps } from '@chakra-ui/react/badge';
 import { ReactNode } from 'react';
+import { COLOR_PALETTES } from '../../theme/tokens/colors';
 export type BitkitBadgeProps = {
+    colorPalette?: keyof typeof COLOR_PALETTES;
     children?: string;
     icon?: ReactNode;
 } & Omit<BadgeProps, 'children'>;
 declare const BitkitBadge: import('react').ForwardRefExoticComponent<{
+    colorPalette?: keyof typeof COLOR_PALETTES;
     children?: string;
     icon?: ReactNode;
 } & Omit<BadgeProps, "children"> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/BitkitColorButton/BitkitColorButton.d.ts

@@ -0,0 +1,8 @@
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import { ColorPaletteKeys } from '../../theme/tokens/colors';
+export interface ColorButtonProps extends HTMLChakraProps<'button'> {
+    size: 'sm' | 'md' | 'lg';
+    colorPalette: ColorPaletteKeys;
+}
+declare const BitkitColorButton: import('react').ForwardRefExoticComponent<ColorButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default BitkitColorButton;

package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useSwitchContext as n } from "@chakra-ui/react/switch";
-import i from "../../DataDisplay/BitkitBadge/BitkitBadge.js";
+import { useSwitchContext as i } from "@chakra-ui/react/switch";
+import n from "../../BitkitBadge/BitkitBadge.js";
 const d = ({ state: e, children: o }) => {
-  const { checked: r } = n();
-  return e === "readOnly" && r ? /* @__PURE__ */ t(i, { colorScheme: "positive", variant: "subtle", children: "ON" }) : e === "readOnly" && !r ? /* @__PURE__ */ t(i, { colorScheme: "neutral", variant: "subtle", children: "OFF" }) : o;
+  const { checked: r } = i();
+  return e === "readOnly" && r ? /* @__PURE__ */ t(n, { colorScheme: "green", variant: "subtle", children: "ON" }) : e === "readOnly" && !r ? /* @__PURE__ */ t(n, { colorScheme: "neutral", variant: "subtle", children: "OFF" }) : o;
 };
 export {
   d as default

package/dist/theme/global-css.js

@@ -1,13 +1,13 @@
 import { defineGlobalStyles as o } from "@chakra-ui/react/styled-system";
 import { rem as t } from "./themeUtils.js";
-const n = o({
+const s = o({
   "*": {
     "--global-font-mono": "fonts.mono",
     "--global-font-body": "fonts.body",
     "--focus-ring-width": t(3),
     "--focus-ring-offset": "0",
     "--focus-ring-style": "solid",
-    "--focus-ring-color": "colors.sys.interactive.highlight"
+    "--focus-ring-color": "colors.sys.purple.highlight"
   },
   body: {
     color: "text/body",
@@ -19,5 +19,5 @@ const n = o({
   }
 });
 export {
-  n as default
+  s as default
 };

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

@@ -1,19 +1,13 @@
 declare const badgeRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: {
-        subtle: {};
+        subtle: {
+            color: "colorPalette.strong";
+            background: "colorPalette.subtle";
+        };
         bold: {
             color: "text/on-color";
+            background: "colorPalette.bold";
         };
     };
-    colorScheme: {
-        neutral: {};
-        info: {};
-        positive: {};
-        negative: {};
-        warning: {};
-        progress: {};
-        orange: {};
-        turquoise: {};
-    };
 }>;
 export default badgeRecipe;

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

@@ -1,5 +1,5 @@
-import { defineRecipe as s } from "@chakra-ui/react/styled-system";
-const r = s({
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+const a = e({
   className: "badge",
   base: {
     display: "inline-flex",
@@ -11,146 +11,27 @@ const r = s({
   },
   variants: {
     variant: {
-      subtle: {},
+      subtle: {
+        color: "colorPalette.strong",
+        background: "colorPalette.subtle"
+      },
       bold: {
-        color: "text/on-color"
+        color: "text/on-color",
+        background: "colorPalette.bold"
       }
-    },
-    colorScheme: {
-      neutral: {},
-      info: {},
-      positive: {},
-      negative: {},
-      warning: {},
-      progress: {},
-      orange: {},
-      turquoise: {}
     }
   },
   compoundVariants: [
     {
-      colorScheme: "neutral",
-      variant: "subtle",
-      css: {
-        color: "sys/neutral/strong",
-        background: "sys/neutral/subtle"
-      }
-    },
-    {
-      colorScheme: "info",
-      variant: "subtle",
-      css: {
-        color: "sys/info/strong",
-        background: "sys/info/subtle"
-      }
-    },
-    {
-      colorScheme: "positive",
-      variant: "subtle",
-      css: {
-        color: "sys/success/strong",
-        background: "sys/success/subtle"
-      }
-    },
-    {
-      colorScheme: "negative",
-      variant: "subtle",
-      css: {
-        color: "sys/critical/strong",
-        background: "sys/critical/subtle"
-      }
-    },
-    {
-      colorScheme: "warning",
-      variant: "subtle",
-      css: {
-        color: "sys/warning/strong",
-        background: "sys/warning/subtle"
-      }
-    },
-    {
-      colorScheme: "progress",
-      variant: "subtle",
-      css: {
-        color: "sys/interactive/strong",
-        background: "sys/interactive/subtle"
-      }
-    },
-    {
-      colorScheme: "orange",
-      variant: "subtle",
-      css: {
-        color: "sys/orange/strong",
-        background: "sys/orange/subtle"
-      }
-    },
-    {
-      colorScheme: "turquoise",
-      variant: "subtle",
-      css: {
-        color: "sys/turquoise/strong",
-        background: "sys/turquoise/subtle"
-      }
-    },
-    {
-      colorScheme: "neutral",
-      variant: "bold",
-      css: {
-        background: "sys/neutral/bold"
-      }
-    },
-    {
-      colorScheme: "info",
-      variant: "bold",
-      css: {
-        background: "sys/info/bold"
-      }
-    },
-    {
-      colorScheme: "positive",
-      variant: "bold",
-      css: {
-        background: "sys/success/bold"
-      }
-    },
-    {
-      colorScheme: "negative",
-      variant: "bold",
-      css: {
-        background: "sys/critical/bold"
-      }
-    },
-    {
-      colorScheme: "warning",
+      colorPalette: "yellow",
       variant: "bold",
       css: {
-        background: "sys/warning/muted",
+        background: "sys/yellow/muted",
         color: "text/primary"
       }
-    },
-    {
-      colorScheme: "progress",
-      variant: "bold",
-      css: {
-        background: "sys/interactive/bold"
-      }
-    },
-    {
-      colorScheme: "orange",
-      variant: "bold",
-      css: {
-        background: "sys/orange/bold"
-      }
-    },
-    {
-      colorScheme: "turquoise",
-      variant: "bold",
-      css: {
-        background: "sys/turquoise/bold"
-      }
     }
   ]
 });
 export {
-  r as default
+  a as default
 };

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

@@ -0,0 +1,20 @@
+declare const colorButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    size: {
+        sm: {
+            height: "32";
+            paddingInline: "12";
+            textStyle: "comp/button/sm";
+        };
+        md: {
+            height: "40";
+            paddingInline: "12";
+            textStyle: "comp/button/md";
+        };
+        lg: {
+            height: "48";
+            paddingInline: "16";
+            textStyle: "comp/button/lg";
+        };
+    };
+}>;
+export default colorButtonRecipe;

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

@@ -9,16 +9,16 @@ declare const spinnerRecipe: import('@chakra-ui/react').RecipeDefinition<{
     };
     variant: {
         primary: {
-            '--spinner-color': "colors.pal.purple.10";
+            '--spinner-color': "colors.purple.10";
         };
         purple: {
-            '--spinner-color': "colors.pal.purple.40";
+            '--spinner-color': "colors.purple.40";
         };
         white: {
-            '--spinner-color': "colors.pal.neutral.100";
+            '--spinner-color': "colors.neutral.100";
         };
         'on-disabled': {
-            '--spinner-color': "colors.pal.neutral.70";
+            '--spinner-color': "colors.neutral.70";
         };
     };
 }>;

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

@@ -24,16 +24,16 @@ const i = r({
     },
     variant: {
       primary: {
-        "--spinner-color": "colors.pal.purple.10"
+        "--spinner-color": "colors.purple.10"
       },
       purple: {
-        "--spinner-color": "colors.pal.purple.40"
+        "--spinner-color": "colors.purple.40"
       },
       white: {
-        "--spinner-color": "colors.pal.neutral.100"
+        "--spinner-color": "colors.neutral.100"
       },
       "on-disabled": {
-        "--spinner-color": "colors.pal.neutral.70"
+        "--spinner-color": "colors.neutral.70"
       }
     }
   },

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

@@ -1,21 +1,15 @@
 declare const recipes: {
     badge: import('@chakra-ui/react').RecipeDefinition<{
         variant: {
-            subtle: {};
+            subtle: {
+                color: "colorPalette.strong";
+                background: "colorPalette.subtle";
+            };
             bold: {
                 color: "text/on-color";
+                background: "colorPalette.bold";
             };
         };
-        colorScheme: {
-            neutral: {};
-            info: {};
-            positive: {};
-            negative: {};
-            warning: {};
-            progress: {};
-            orange: {};
-            turquoise: {};
-        };
     }>;
     button: import('@chakra-ui/react').RecipeDefinition<{
         variant: Record<string, import('@chakra-ui/react').SystemStyleObject>;
@@ -108,16 +102,16 @@ declare const recipes: {
         };
         variant: {
             primary: {
-                '--spinner-color': "colors.pal.purple.10";
+                '--spinner-color': "colors.purple.10";
             };
             purple: {
-                '--spinner-color': "colors.pal.purple.40";
+                '--spinner-color': "colors.purple.40";
             };
             white: {
-                '--spinner-color': "colors.pal.neutral.100";
+                '--spinner-color': "colors.neutral.100";
             };
             'on-disabled': {
-                '--spinner-color': "colors.pal.neutral.70";
+                '--spinner-color': "colors.neutral.70";
             };
         };
     }>;