@bitrise/bitkit-v2 0.3.252 → 0.3.253-beta.1712

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Skeleton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst skeletonRecipe = defineRecipe({\n  className: 'skeleton',\n  base: {\n    '--animate-from': '200%',\n    '--animate-to': '-200%',\n    '--start-color': 'colors.utilities.skeleton',\n    '--end-color': 'colors.utilities.skeleton-strong',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  variants: {\n    loading: {\n      true: {\n        backgroundImage:\n          'linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))',\n        backgroundSize: '400% 100%',\n        animation: 'bg-position var(--duration, 10s) ease-in-out infinite',\n        borderRadius: '4',\n        borderColor: 'transparent',\n        backgroundClip: 'padding-box',\n        cursor: 'default',\n        color: 'transparent',\n        pointerEvents: 'none',\n        userSelect: 'none',\n        flexShrink: '0',\n        '&::before, &::after, *': {\n          visibility: 'hidden',\n        },\n      },\n      false: {\n        animation: 'fade-in var(--fade-duration, 0.1s) ease-out !important',\n      },\n    },\n  },\n\n  defaultVariants: {\n    loading: true,\n  },\n});\n\nexport default skeletonRecipe;\n"],"mappings":";;AAEA,IAAM,iBAAiB,aAAa;CAClC,WAAW;CACX,MAAM;EACJ,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,SAAS;EACT,YAAY;EACZ,gBAAgB;CAClB;CAEA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,iBACE;GACF,gBAAgB;GAChB,WAAW;GACX,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,eAAe;GACf,YAAY;GACZ,YAAY;GACZ,0BAA0B,EACxB,YAAY,SACd;EACF;EACA,OAAO,EACL,WAAW,yDACb;CACF,EACF;CAEA,iBAAiB,EACf,SAAS,KACX;AACF,CAAC"}
+{"version":3,"file":"Skeleton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Skeleton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst skeletonRecipe = defineRecipe({\n  className: 'skeleton',\n  base: {\n    '--animate-from': '200%',\n    '--animate-to': '-200%',\n    '--start-color': 'colors.utilities/skeleton',\n    '--end-color': 'colors.utilities/skeleton-strong',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  variants: {\n    loading: {\n      true: {\n        backgroundImage:\n          'linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))',\n        backgroundSize: '400% 100%',\n        animation: 'bg-position var(--duration, 10s) ease-in-out infinite',\n        borderRadius: '4',\n        borderColor: 'transparent',\n        backgroundClip: 'padding-box',\n        cursor: 'default',\n        color: 'transparent',\n        pointerEvents: 'none',\n        userSelect: 'none',\n        flexShrink: '0',\n        '&::before, &::after, *': {\n          visibility: 'hidden',\n        },\n      },\n      false: {\n        animation: 'fade-in var(--fade-duration, 0.1s) ease-out !important',\n      },\n    },\n  },\n\n  defaultVariants: {\n    loading: true,\n  },\n});\n\nexport default skeletonRecipe;\n"],"mappings":";;AAEA,IAAM,iBAAiB,aAAa;CAClC,WAAW;CACX,MAAM;EACJ,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,SAAS;EACT,YAAY;EACZ,gBAAgB;CAClB;CAEA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,iBACE;GACF,gBAAgB;GAChB,WAAW;GACX,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,eAAe;GACf,YAAY;GACZ,YAAY;GACZ,0BAA0B,EACxB,YAAY,SACd;EACF;EACA,OAAO,EACL,WAAW,yDACb;CACF,EACF;CAEA,iBAAiB,EACf,SAAS,KACX;AACF,CAAC"}

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: {