@bitrise/bitkit-v2 0.3.251 → 0.3.252-beta.1703

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

@@ -10,14 +10,48 @@ declare const recipes: {
                 paddingBlock: "4";
             };
         };
-        variant: {
-            subtle: {
-                color: "colorPalette.strong";
-                background: "colorPalette.subtle";
+        colorVariant: {
+            neutral: {
+                color: "color/neutral/strong";
+                background: "color/neutral/subtle";
+            };
+            purple: {
+                color: "color/purple/strong";
+                background: "color/purple/subtle";
+            };
+            blue: {
+                color: "color/blue/strong";
+                background: "color/blue/subtle";
+            };
+            green: {
+                color: "color/green/strong";
+                background: "color/green/subtle";
+            };
+            yellow: {
+                color: "color/yellow/strong";
+                background: "color/yellow/subtle";
+            };
+            red: {
+                color: "color/red/strong";
+                background: "color/red/subtle";
+            };
+            orange: {
+                color: "color/orange/strong";
+                background: "color/orange/subtle";
+            };
+            turquoise: {
+                color: "color/turquoise/strong";
+                background: "color/turquoise/subtle";
             };
+            'ai-gradient': {
+                color: "status/ai/text";
+                background: "ai/background/subtle";
+            };
+        };
+        variant: {
+            subtle: {};
             bold: {
                 color: "text/on-color";
-                background: "colorPalette.bold";
             };
         };
     }>;
@@ -61,6 +95,74 @@ declare const recipes: {
                 w: "40";
             };
         };
+        colorVariant: {
+            neutral: {
+                color: "color/neutral/strong";
+                '&:hover': {
+                    backgroundColor: "color/neutral/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/neutral/moderate";
+                };
+            };
+            blue: {
+                color: "color/blue/strong";
+                '&:hover': {
+                    backgroundColor: "color/blue/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/blue/moderate";
+                };
+            };
+            green: {
+                color: "color/green/strong";
+                '&:hover': {
+                    backgroundColor: "color/green/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/green/moderate";
+                };
+            };
+            red: {
+                color: "color/red/strong";
+                '&:hover': {
+                    backgroundColor: "color/red/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/red/moderate";
+                };
+            };
+            yellow: {
+                color: "color/yellow/strong";
+                '&:hover': {
+                    backgroundColor: "color/yellow/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/yellow/moderate";
+                };
+            };
+            purple: {
+                color: "color/purple/strong";
+                '&:hover': {
+                    backgroundColor: "color/purple/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/purple/moderate";
+                };
+            };
+            indigo: {
+                color: "color/indigo/strong";
+                '&:hover': {
+                    backgroundColor: "color/indigo/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/indigo/moderate";
+                };
+            };
+            white: {
+                color: "icon/on-contrast";
+            };
+        };
     }>;
     controlButton: import('@chakra-ui/react').RecipeDefinition<{
         isDanger: {
@@ -137,6 +239,99 @@ declare const recipes: {
                 textStyle: "comp/button/lg";
             };
         };
+        colorVariant: {
+            neutral: {
+                color: "color/neutral/strong";
+                '&:hover': {
+                    backgroundColor: "color/neutral/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/neutral/moderate";
+                };
+            };
+            blue: {
+                color: "color/blue/strong";
+                '&:hover': {
+                    backgroundColor: "color/blue/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/blue/moderate";
+                };
+            };
+            green: {
+                color: "color/green/strong";
+                '&:hover': {
+                    backgroundColor: "color/green/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/green/moderate";
+                };
+            };
+            red: {
+                color: "color/red/strong";
+                '&:hover': {
+                    backgroundColor: "color/red/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/red/moderate";
+                };
+            };
+            yellow: {
+                color: "color/yellow/strong";
+                '&:hover': {
+                    backgroundColor: "color/yellow/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/yellow/moderate";
+                };
+            };
+            purple: {
+                color: "color/purple/strong";
+                '&:hover': {
+                    backgroundColor: "color/purple/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/purple/moderate";
+                };
+            };
+            orange: {
+                color: "color/orange/strong";
+                '&:hover': {
+                    backgroundColor: "color/orange/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/orange/moderate";
+                };
+            };
+            turquoise: {
+                color: "color/turquoise/strong";
+                '&:hover': {
+                    backgroundColor: "color/turquoise/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/turquoise/moderate";
+                };
+            };
+            indigo: {
+                color: "color/indigo/strong";
+                '&:hover': {
+                    backgroundColor: "color/indigo/subtle";
+                };
+                '&:active': {
+                    backgroundColor: "color/indigo/moderate";
+                };
+            };
+            white: {
+                color: "text/on-color";
+                borderColor: "border/inverse";
+                '&:hover': {
+                    backgroundColor: "color/white/a15";
+                };
+                '&:active': {
+                    backgroundColor: "color/white/a30";
+                };
+            };
+        };
     }>;
     definitionTooltip: import('@chakra-ui/react').RecipeDefinition<{
         method: {
@@ -179,7 +374,7 @@ declare const recipes: {
         };
     }>;
     link: import('@chakra-ui/react').RecipeDefinition<{
-        colorScheme: {
+        colorVariant: {
             purple: {
                 color: "text/link";
                 _hover: {