@bitrise/bitkit-v2 0.3.252-beta.1704 → 0.3.252

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,48 +10,14 @@ declare const recipes: {
                 paddingBlock: "4";
             };
         };
-        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: {};
+            subtle: {
+                color: "colorPalette.strong";
+                background: "colorPalette.subtle";
+            };
             bold: {
                 color: "text/on-color";
+                background: "colorPalette.bold";
             };
         };
     }>;
@@ -95,74 +61,6 @@ 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: {
@@ -239,99 +137,6 @@ 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: {
@@ -374,7 +179,7 @@ declare const recipes: {
         };
     }>;
     link: import('@chakra-ui/react').RecipeDefinition<{
-        colorVariant: {
+        colorScheme: {
             purple: {
                 color: "text/link";
                 _hover: {