npm - @bitrise/bitkit-v2 - Versions diffs - 0.3.251 → 0.3.252-beta.1704 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

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

@@ -29,38 +29,38 @@ var buttonRecipe = defineRecipe({
 			"ai-secondary",
 			"ai-tertiary"
 		].reduce((obj, variant) => {
-			let borderColor = variant?.includes("secondary") ? `{colors.button.${variant}.border}` : `{colors.button.${variant}.bg}`;
-			let disabledBorderColor = variant?.includes("secondary") ? `{colors.button.${variant}.border-disabled}` : `{colors.button.${variant}.bg-disabled}`;
+			let borderColor = variant?.includes("secondary") ? `button/${variant}/border` : `button/${variant}/bg`;
+			let disabledBorderColor = variant?.includes("secondary") ? `button/${variant}/border-disabled` : `button/${variant}/bg-disabled`;
 			if (variant?.includes("tertiary")) {
 				borderColor = "transparent";
 				disabledBorderColor = "transparent";
 			}
 			obj[variant] = {
 				"&:hover": {
-					backgroundColor: `{colors.button.${variant}.bg-hover}`,
-					borderColor: variant?.includes("secondary") ? `{colors.button.${variant}.border-hover}` : `{colors.button.${variant}.bg-hover}`,
-					color: `{colors.button.${variant}.fg-hover}`,
+					backgroundColor: `button/${variant}/bg-hover`,
+					borderColor: variant?.includes("secondary") ? `button/${variant}/border-hover` : `button/${variant}/bg-hover`,
+					color: `button/${variant}/fg-hover`,
 					_icon: { color: variant === "secondary" ? "currentColor" : void 0 }
 				},
 				"&:active": {
-					backgroundColor: `{colors.button.${variant}.bg-active}`,
-					borderColor: variant?.includes("secondary") ? `{colors.button.${variant}.border-active}` : `{colors.button.${variant}.bg-active}`,
-					color: `{colors.button.${variant}.fg-active}`,
+					backgroundColor: `button/${variant}/bg-active`,
+					borderColor: variant?.includes("secondary") ? `button/${variant}/border-active` : `button/${variant}/bg-active`,
+					color: `button/${variant}/fg-active`,
 					_icon: { color: variant === "secondary" ? "currentColor" : void 0 }
 				},
 				_disabled: {
-					backgroundColor: `{colors.button.${variant}.bg-disabled}!`,
+					backgroundColor: `button/${variant}/bg-disabled!`,
 					borderColor: `${disabledBorderColor}!`,
-					color: `{colors.button.${variant}.fg-disabled}!`,
+					color: `button/${variant}/fg-disabled!`,
 					cursor: "not-allowed",
 					_icon: { color: variant === "secondary" ? "currentColor" : void 0 }
 				},
 				_icon: { color: variant === "secondary" ? "button/secondary/fg/icon" : void 0 },
-				backgroundColor: `{colors.button.${variant}.bg}`,
+				backgroundColor: `button/${variant}/bg`,
 				borderColor,
 				borderStyle: "solid",
 				borderWidth: rem(1),
-				color: `{colors.button.${variant}.fg}`
+				color: variant === "secondary" ? "button/secondary/fg/base" : `button/${variant}/fg`
 			};
 			return obj;
 		}, {}),

package/dist/theme/recipes/Button.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Button.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst buttonVariants = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'danger-primary',\n 'danger-secondary',\n 'danger-tertiary',\n 'ai-primary',\n 'ai-secondary',\n 'ai-tertiary',\n];\n\nexport type Variant = (typeof buttonVariants)[number];\n\nconst variantStyles = buttonVariants.reduce(\n (obj, variant) => {\n let borderColor = variant?.includes('secondary')\n ? `~~{colors.~~button.${variant}.border~~}`\n~~ : `~~{colors.~~button.${variant}.bg}`;\n let disabledBorderColor = variant?.includes('secondary')\n ? `~~{colors.~~button.${variant}.border-disabled}`\n : `~~{colors.~~button.${variant}.bg-disabled}`;\n if (variant?.includes('tertiary')) {\n borderColor = 'transparent';\n disabledBorderColor = 'transparent';\n }\n obj[variant as NonNullable<Variant>] = {\n '&:hover': {\n backgroundColor: `~~{colors.~~button.${variant}.bg-hover}`,\n borderColor: variant?.includes('secondary')\n ? `~~{colors.~~button.${variant}.border-hover~~}`\n~~ : `~~{colors.~~button.${variant}.bg-hover}`,\n color: `~~{colors.~~button.${variant}.fg-hover}`,\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n '&:active': {\n backgroundColor: `~~{colors.~~button.${variant}.bg-active}`,\n borderColor: variant?.includes('secondary')\n ? `~~{colors.~~button.${variant}.border-active~~}`\n~~ : `~~{colors.~~button.${variant}.bg-active}`,\n color: `~~{colors.~~button.${variant}.fg-active}`,\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n _disabled: {\n backgroundColor: `~~{colors.~~button.${variant}.bg-disabled}!`,\n borderColor: `${disabledBorderColor}!`,\n color: `~~{colors.~~button.${variant}.fg-disabled}!`,\n cursor: 'not-allowed',\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n _icon: {\n color: variant === 'secondary' ? 'button/secondary/fg/icon' : undefined,\n },\n backgroundColor: `~~{colors.~~button.${variant}.bg}`,\n borderColor,\n borderStyle: 'solid',\n borderWidth: rem(1),\n color: `~~{colors.~~button.${variant}.fg}`,\n };\n return obj;\n },\n {} as Record<NonNullable<Variant>, SystemStyleObject>,\n);\n\nconst buttonRecipe = defineRecipe({\n className: 'button',\n base: {\n borderRadius: '4',\n cursor: 'pointer',\n fontWeight: 600,\n border: '1px solid transparent',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '8',\n position: 'relative',\n '--spinner-color': 'currentColor',\n '--spinner-size': 'sizes.16',\n _disabled: {\n cursor: 'not-allowed',\n },\n },\n variants: {\n variant: variantStyles,\n size: {\n sm: {\n minWidth: '32',\n height: '32',\n paddingInline: rem(11),\n paddingBlock: rem(5),\n textStyle: 'comp/button/sm',\n },\n md: {\n minWidth: '40',\n height: '40',\n paddingInline: rem(15),\n paddingBlock: rem(7),\n textStyle: 'comp/button/md',\n },\n lg: {\n minWidth: '48',\n height: '48',\n padding: rem(15),\n textStyle: 'comp/button/lg',\n },\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'lg',\n },\n});\n\nexport default buttonRecipe;\n"],"mappings":";;;~~AA0EA~~,IAAM,eAAe,aAAa;CAChC,WAAW;CACX,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,WAAW,EACT,QAAQ,cACV;CACF;CACA,UAAU;EACR,~~SA3EkB~~;GAbpB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAKoB,EAAe,QAClC,KAAK,YAAY;GAChB,IAAI,cAAc,SAAS,SAAS,WAAW,~~IAC3C~~,~~kBAAkB~~,QAAQ,~~YAC1B~~,~~kBAAkB~~,QAAQ;~~GAC9B~~,IAAI,sBAAsB,SAAS,SAAS,WAAW,IACnD,~~kBAAkB~~,QAAQ,~~qBAC1B~~,~~kBAAkB~~,QAAQ;~~GAC9B~~,IAAI,SAAS,SAAS,UAAU,GAAG;IACjC,cAAc;IACd,sBAAsB;GACxB;GACA,IAAI,WAAmC;IACrC,WAAW;KACT,iBAAiB,~~kBAAkB~~,QAAQ;~~KAC3C~~,aAAa,SAAS,SAAS,WAAW,~~IACtC~~,~~kBAAkB~~,QAAQ,~~kBAC1B~~,~~kBAAkB~~,QAAQ;~~KAC9B~~,OAAO,~~kBAAkB~~,QAAQ;~~KACjC~~,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,EACpD;IACF;IACA,YAAY;KACV,iBAAiB,~~kBAAkB~~,QAAQ;~~KAC3C~~,aAAa,SAAS,SAAS,WAAW,~~IACtC~~,~~kBAAkB~~,QAAQ,~~mBAC1B,~~kBAAkB,QAAQ;~~KAC9B~~,OAAO,~~kBAAkB~~,QAAQ;~~KACjC~~,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,EACpD;IACF;IACA,WAAW;KACT,iBAAiB,~~kBAAkB~~,QAAQ;~~KAC3C~~,aAAa,GAAG,oBAAoB;KACpC,OAAO,~~kBAAkB~~,QAAQ;~~KACjC~~,QAAQ;KACR,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,EACpD;IACF;IACA,OAAO,EACL,OAAO,YAAY,cAAc,6BAA6B,KAAA,EAChE;IACA,iBAAiB,~~kBAAkB~~,QAAQ;~~IAC3C~~;IACA,aAAa;IACb,aAAa,IAAI,CAAC;IAClB,OAAO,~~kBAAkB~~,QAAQ;~~GACnC~~;GACA,OAAO;EACT,GACA,CAAC,CAsBU;EACT,MAAM;GACJ,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,EAAE;IACrB,cAAc,IAAI,CAAC;IACnB,WAAW;GACb;GACA,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,EAAE;IACrB,cAAc,IAAI,CAAC;IACnB,WAAW;GACb;GACA,IAAI;IACF,UAAU;IACV,QAAQ;IACR,SAAS,IAAI,EAAE;IACf,WAAW;GACb;EACF;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CAAC"}
1	+ {"version":3,"file":"Button.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Button.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst buttonVariants = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'danger-primary',\n 'danger-secondary',\n 'danger-tertiary',\n 'ai-primary',\n 'ai-secondary',\n 'ai-tertiary',\n];\n\nexport type Variant = (typeof buttonVariants)[number];\n\nconst variantStyles = buttonVariants.reduce(\n (obj, variant) => {\n let borderColor = variant?.includes('secondary') ? `button/${variant}/border` : `button/${variant}/bg`;\n let disabledBorderColor = variant?.includes('secondary')\n ? `button/${variant}/border-disabled`\n : `button/${variant}/bg-disabled`;\n if (variant?.includes('tertiary')) {\n borderColor = 'transparent';\n disabledBorderColor = 'transparent';\n }\n obj[variant as NonNullable<Variant>] = {\n '&:hover': {\n backgroundColor: `button/${variant}/bg-hover`,\n borderColor: variant?.includes('secondary') ? `button/${variant}/border-hover` : `button/${variant}/bg-hover`,\n color: `button/${variant}/fg-hover`,\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n '&:active': {\n backgroundColor: `button/${variant}/bg-active`,\n borderColor: variant?.includes('secondary') ? `button/${variant}/border-active` : `button/${variant}/bg-active`,\n color: `button/${variant}/fg-active`,\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n _disabled: {\n backgroundColor: `button/${variant}/bg-disabled!`,\n borderColor: `${disabledBorderColor}!`,\n color: `button/${variant}/fg-disabled!`,\n cursor: 'not-allowed',\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n _icon: {\n color: variant === 'secondary' ? 'button/secondary/fg/icon' : undefined,\n },\n backgroundColor: `button/${variant}/bg`,\n borderColor,\n borderStyle: 'solid',\n borderWidth: rem(1),\n color: variant === 'secondary' ? 'button/secondary/fg/base' : `button/${variant}/fg`,\n };\n return obj;\n },\n {} as Record<NonNullable<Variant>, SystemStyleObject>,\n);\n\nconst buttonRecipe = defineRecipe({\n className: 'button',\n base: {\n borderRadius: '4',\n cursor: 'pointer',\n fontWeight: 600,\n border: '1px solid transparent',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '8',\n position: 'relative',\n '--spinner-color': 'currentColor',\n '--spinner-size': 'sizes.16',\n _disabled: {\n cursor: 'not-allowed',\n },\n },\n variants: {\n variant: variantStyles,\n size: {\n sm: {\n minWidth: '32',\n height: '32',\n paddingInline: rem(11),\n paddingBlock: rem(5),\n textStyle: 'comp/button/sm',\n },\n md: {\n minWidth: '40',\n height: '40',\n paddingInline: rem(15),\n paddingBlock: rem(7),\n textStyle: 'comp/button/md',\n },\n lg: {\n minWidth: '48',\n height: '48',\n padding: rem(15),\n textStyle: 'comp/button/lg',\n },\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'lg',\n },\n});\n\nexport default buttonRecipe;\n"],"mappings":";;;AAoEA,IAAM,eAAe,aAAa;CAChC,WAAW;CACX,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,WAAW,EACT,QAAQ,cACV;CACF;CACA,UAAU;EACR,SArEkB;GAbpB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAKoB,EAAe,QAClC,KAAK,YAAY;GAChB,IAAI,cAAc,SAAS,SAAS,WAAW,IAAI,UAAU,QAAQ,WAAW,UAAU,QAAQ;GAClG,IAAI,sBAAsB,SAAS,SAAS,WAAW,IACnD,UAAU,QAAQ,oBAClB,UAAU,QAAQ;GACtB,IAAI,SAAS,SAAS,UAAU,GAAG;IACjC,cAAc;IACd,sBAAsB;GACxB;GACA,IAAI,WAAmC;IACrC,WAAW;KACT,iBAAiB,UAAU,QAAQ;KACnC,aAAa,SAAS,SAAS,WAAW,IAAI,UAAU,QAAQ,iBAAiB,UAAU,QAAQ;KACnG,OAAO,UAAU,QAAQ;KACzB,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,EACpD;IACF;IACA,YAAY;KACV,iBAAiB,UAAU,QAAQ;KACnC,aAAa,SAAS,SAAS,WAAW,IAAI,UAAU,QAAQ,kBAAkB,UAAU,QAAQ;KACpG,OAAO,UAAU,QAAQ;KACzB,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,EACpD;IACF;IACA,WAAW;KACT,iBAAiB,UAAU,QAAQ;KACnC,aAAa,GAAG,oBAAoB;KACpC,OAAO,UAAU,QAAQ;KACzB,QAAQ;KACR,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,EACpD;IACF;IACA,OAAO,EACL,OAAO,YAAY,cAAc,6BAA6B,KAAA,EAChE;IACA,iBAAiB,UAAU,QAAQ;IACnC;IACA,aAAa;IACb,aAAa,IAAI,CAAC;IAClB,OAAO,YAAY,cAAc,6BAA6B,UAAU,QAAQ;GAClF;GACA,OAAO;EACT,GACA,CAAC,CAsBU;EACT,MAAM;GACJ,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,EAAE;IACrB,cAAc,IAAI,CAAC;IACnB,WAAW;GACb;GACA,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,EAAE;IACrB,cAAc,IAAI,CAAC;IACnB,WAAW;GACb;GACA,IAAI;IACF,UAAU;IACV,QAAQ;IACR,SAAS,IAAI,EAAE;IACf,WAAW;GACb;EACF;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CAAC"}

package/dist/theme/recipes/CloseButton.recipe.d.ts CHANGED Viewed

@@ -13,5 +13,73 @@ declare const closeButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
             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";
+        };
+    };
 }>;
 export default closeButtonRecipe;

package/dist/theme/recipes/CloseButton.recipe.js CHANGED Viewed

@@ -3,15 +3,11 @@ import { defineRecipe } from "@chakra-ui/react/styled-system";
 var closeButtonRecipe = defineRecipe({
 	className: "close-button",
 	base: {
-		colorPalette: "neutral",
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
 		borderRadius: "4",
-		color: "colorPalette.strong",
 		cursor: "pointer",
-		"&:hover": { backgroundColor: "colorPalette.subtle" },
-		"&:active": { backgroundColor: "colorPalette.moderate" },
 		_disabled: {
 			cursor: "not-allowed",
 			color: "icon/disabled",
@@ -19,21 +15,64 @@ var closeButtonRecipe = defineRecipe({
 			"&:active": { backgroundColor: "transparent" }
 		}
 	},
-	variants: { size: {
-		xs: {
-			h: "24",
-			w: "24"
+	variants: {
+		size: {
+			xs: {
+				h: "24",
+				w: "24"
+			},
+			sm: {
+				h: "32",
+				w: "32"
+			},
+			md: {
+				h: "40",
+				w: "40"
+			}
 		},
-		sm: {
-			h: "32",
-			w: "32"
-		},
-		md: {
-			h: "40",
-			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" }
 		}
-	} },
-	defaultVariants: { size: "xs" }
+	},
+	defaultVariants: {
+		colorVariant: "neutral",
+		size: "xs"
+	}
 });
 //#endregion
 export { closeButtonRecipe as default };

package/dist/theme/recipes/CloseButton.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/CloseButton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst closeButtonRecipe = defineRecipe({\n className: 'close-button',\n base: {\n ~~colorPalette: 'neutral',\n~~ display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '4',\n ~~color~~: '~~colorPalette.strong~~',\n cursor: '~~pointer~~',\n '&:hover': {\n backgroundColor: '~~colorPalette.subtle~~',\n },\n '&:active': {\n backgroundColor: '~~colorPalette.moderate~~',\n },\n ~~_disabled~~: {\n ~~cursor~~: '~~not-allowed~~',\n color: '~~icon~~/~~disabled~~',\n '&:hover': {\n backgroundColor: '~~transparent~~',\n },\n '&:~~active~~': {\n backgroundColor: '~~transparent~~',\n },\n },\n },\n ~~variants~~: {\n ~~size~~: {\n xs: { h: '24', w: '24' },\n sm: { h: '32', w: '32' },\n md: { h: '40', w: '40' },\n },\n },\n defaultVariants: {\n size: 'xs',\n },\n});\n\nexport default closeButtonRecipe;\n"],"mappings":";;AAEA,IAAM,oBAAoB,aAAa;CACrC,WAAW;CACX,MAAM;EACJ,~~cAAc;EACd,~~SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,~~OAAO;EACP,~~QAAQ;EACR,WAAW~~,EACT,iBAAiB,sBACnB~~;~~EACA,YAAY,EACV,iBAAiB,wBACnB;EACA,WAAW;~~GACT,QAAQ;GACR,OAAO;GACP,WAAW,EACT,iBAAiB,cACnB;GACA,YAAY,EACV,iBAAiB,cACnB;EACF;CACF;CACA,UAAU,EACR,MAAM;~~EACJ~~,IAAI;~~GAAE~~,GAAG;~~GAAM~~,GAAG;~~EAAK~~;~~EACvB~~,IAAI;~~GAAE~~,GAAG;~~GAAM~~,GAAG;~~EAAK~~;~~EACvB~~,IAAI;~~GAAE~~,GAAG;~~GAAM~~,GAAG;~~EAAK~~;~~CACzB~~,EACF;CACA,iBAAiB,EACf,MAAM~~,KACR~~;AACF,CAAC"}
1	+ {"version":3,"file":"CloseButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/CloseButton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst closeButtonRecipe = defineRecipe({\n className: 'close-button',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '4',\n cursor: 'pointer',\n _disabled: {\n cursor: 'not-allowed',\n color: 'icon/disabled',\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&:active': {\n backgroundColor: 'transparent',\n },\n },\n },\n variants: {\n size: {\n xs: { h: '24', w: '24' },\n sm: { h: '32', w: '32' },\n md: { h: '40', w: '40' },\n },\n colorVariant: {\n neutral: {\n color: 'color/neutral/strong',\n '&:hover': { backgroundColor: 'color/neutral/subtle' },\n '&:active': { backgroundColor: 'color/neutral/moderate' },\n },\n blue: {\n color: 'color/blue/strong',\n '&:hover': { backgroundColor: 'color/blue/subtle' },\n '&:active': { backgroundColor: 'color/blue/moderate' },\n },\n green: {\n color: 'color/green/strong',\n '&:hover': { backgroundColor: 'color/green/subtle' },\n '&:active': { backgroundColor: 'color/green/moderate' },\n },\n red: {\n color: 'color/red/strong',\n '&:hover': { backgroundColor: 'color/red/subtle' },\n '&:active': { backgroundColor: 'color/red/moderate' },\n },\n yellow: {\n color: 'color/yellow/strong',\n '&:hover': { backgroundColor: 'color/yellow/subtle' },\n '&:active': { backgroundColor: 'color/yellow/moderate' },\n },\n purple: {\n color: 'color/purple/strong',\n '&:hover': { backgroundColor: 'color/purple/subtle' },\n '&:active': { backgroundColor: 'color/purple/moderate' },\n },\n indigo: {\n color: 'color/indigo/strong',\n '&:hover': { backgroundColor: 'color/indigo/subtle' },\n '&:active': { backgroundColor: 'color/indigo/moderate' },\n },\n white: {\n color: 'icon/on-contrast',\n },\n },\n },\n defaultVariants: {\n colorVariant: 'neutral',\n size: 'xs',\n },\n});\n\nexport default closeButtonRecipe;\n"],"mappings":";;AAEA,IAAM,oBAAoB,aAAa;CACrC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,QAAQ;EACR,WAAW;GACT,QAAQ;GACR,OAAO;GACP,WAAW,EACT,iBAAiB,cACnB;GACA,YAAY,EACV,iBAAiB,cACnB;EACF;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IAAE,GAAG;IAAM,GAAG;GAAK;GACvB,IAAI;IAAE,GAAG;IAAM,GAAG;GAAK;GACvB,IAAI;IAAE,GAAG;IAAM,GAAG;GAAK;EACzB;EACA,cAAc;GACZ,SAAS;IACP,OAAO;IACP,WAAW,EAAE,iBAAiB,uBAAuB;IACrD,YAAY,EAAE,iBAAiB,yBAAyB;GAC1D;GACA,MAAM;IACJ,OAAO;IACP,WAAW,EAAE,iBAAiB,oBAAoB;IAClD,YAAY,EAAE,iBAAiB,sBAAsB;GACvD;GACA,OAAO;IACL,OAAO;IACP,WAAW,EAAE,iBAAiB,qBAAqB;IACnD,YAAY,EAAE,iBAAiB,uBAAuB;GACxD;GACA,KAAK;IACH,OAAO;IACP,WAAW,EAAE,iBAAiB,mBAAmB;IACjD,YAAY,EAAE,iBAAiB,qBAAqB;GACtD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,OAAO,EACL,OAAO,mBACT;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;CACR;AACF,CAAC"}

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

@@ -16,5 +16,98 @@ declare const colorButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
             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";
+            };
+        };
+    };
 }>;
 export default colorButtonRecipe;

package/dist/theme/recipes/ColorButton.recipe.js CHANGED Viewed

@@ -3,44 +3,89 @@ import { defineRecipe } from "@chakra-ui/react/styled-system";
 var colorButtonRecipe = defineRecipe({
 	className: "color-button",
 	base: {
-		colorPalette: "neutral",
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
 		border: "1px solid",
 		borderRadius: "4",
-		color: "colorPalette.strong",
-		cursor: "pointer",
-		"&:hover": { backgroundColor: "colorPalette.subtle" },
-		"&:active": { backgroundColor: "colorPalette.moderate" }
+		cursor: "pointer"
 	},
-	variants: { size: {
-		sm: {
-			height: "32",
-			paddingInline: "12",
-			textStyle: "comp/button/sm"
+	variants: {
+		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"
+			}
 		},
-		md: {
-			height: "40",
-			paddingInline: "12",
-			textStyle: "comp/button/md"
-		},
-		lg: {
-			height: "48",
-			paddingInline: "16",
-			textStyle: "comp/button/lg"
-		}
-	} },
-	compoundVariants: [{
-		colorPalette: "white",
-		css: {
-			color: "text.on-color",
-			borderColor: "border.inverse",
-			"&:hover": { backgroundColor: "white.a15" },
-			"&:active": { backgroundColor: "white.a30" }
+		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" }
+			}
 		}
-	}],
-	defaultVariants: { size: "sm" }
+	},
+	defaultVariants: {
+		colorVariant: "neutral",
+		size: "sm"
+	}
 });
 //#endregion
 export { colorButtonRecipe as default };

package/dist/theme/recipes/ColorButton.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ColorButton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst colorButtonRecipe = defineRecipe({\n className: 'color-button',\n base: {\n ~~colorPalette: 'neutral',\n~~ display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: '1px solid',\n borderRadius: '4',\n ~~color: 'colorPalette.strong',\n~~ cursor: 'pointer',\n ~~'&:hover': {\n backgroundColor: 'colorPalette.subtle',\n },\n '&:active': {\n backgroundColor: 'colorPalette.moderate',\n },\n~~ },\n variants: {\n size: {\n sm: { height: '32', paddingInline: '12', textStyle: 'comp/button/sm' },\n md: { height: '40', paddingInline: '12', textStyle: 'comp/button/md' },\n lg: { height: '48', paddingInline: '16', textStyle: 'comp/button/lg' },\n },\n },\n ~~compoundVariants~~: [\n {\n ~~colorPalette~~: '~~white~~',\n ~~css~~: {\n color: '~~text.on-~~color',\n ~~borderColor~~: '~~border.inverse~~',\n '&:hover': {\n backgroundColor: '~~white.a15~~',\n },\n '&:active': {\n backgroundColor: 'white~~.a30~~',\n },\n },\n },\n ],\n defaultVariants: {\n size: 'sm',\n },\n});\n\nexport default colorButtonRecipe;\n"],"mappings":";;AAEA,IAAM,oBAAoB,aAAa;CACrC,WAAW;CACX,MAAM;EACJ,~~cAAc;EACd,~~SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,cAAc;EACd,~~OAAO~~;~~EACP~~,~~QAAQ~~;EACR,WAAW,~~EACT~~,~~iBAAiB~~,~~sBACnB~~;EACA,YAAY,~~EACV~~,iBAAiB,~~wBACnB~~;~~CACF~~;~~CACA~~,~~UAAU~~,~~EACR~~,~~MAAM~~;~~EACJ~~,~~IAAI~~;~~GAAE~~,~~QAAQ~~;~~GAAM~~,~~eAAe~~;~~GAAM~~,WAAW;~~EAAiB~~;~~EACrE~~,~~IAAI~~;~~GAAE~~,QAAQ;~~GAAM~~,~~eAAe~~;~~GAAM~~,WAAW;~~EAAiB~~;~~EACrE~~,~~IAAI~~;~~GAAE~~,QAAQ;~~GAAM~~,~~eAAe~~;~~GAAM~~,WAAW;~~EAAiB~~;~~CACvE~~,~~EACF~~;~~CACA~~,~~kBAAkB~~,~~CAChB~~;~~EACE~~,~~cAAc~~;~~EACd~~,~~KAAK~~;~~GACH~~,OAAO;~~GACP~~,aAAa;~~GACb~~,WAAW,~~EACT~~,iBAAiB,~~YACnB~~;~~GACA~~,YAAY,~~EACV~~,iBAAiB,~~YACnB~~;EACF;CACF~~,CACF~~;CACA,iBAAiB,EACf,MAAM~~,KACR~~;AACF,CAAC"}
1	+ {"version":3,"file":"ColorButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ColorButton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst colorButtonRecipe = defineRecipe({\n className: 'color-button',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: '1px solid',\n borderRadius: '4',\n cursor: 'pointer',\n },\n variants: {\n size: {\n sm: { height: '32', paddingInline: '12', textStyle: 'comp/button/sm' },\n md: { height: '40', paddingInline: '12', textStyle: 'comp/button/md' },\n lg: { height: '48', paddingInline: '16', textStyle: 'comp/button/lg' },\n },\n colorVariant: {\n neutral: {\n color: 'color/neutral/strong',\n '&:hover': { backgroundColor: 'color/neutral/subtle' },\n '&:active': { backgroundColor: 'color/neutral/moderate' },\n },\n blue: {\n color: 'color/blue/strong',\n '&:hover': { backgroundColor: 'color/blue/subtle' },\n '&:active': { backgroundColor: 'color/blue/moderate' },\n },\n green: {\n color: 'color/green/strong',\n '&:hover': { backgroundColor: 'color/green/subtle' },\n '&:active': { backgroundColor: 'color/green/moderate' },\n },\n red: {\n color: 'color/red/strong',\n '&:hover': { backgroundColor: 'color/red/subtle' },\n '&:active': { backgroundColor: 'color/red/moderate' },\n },\n yellow: {\n color: 'color/yellow/strong',\n '&:hover': { backgroundColor: 'color/yellow/subtle' },\n '&:active': { backgroundColor: 'color/yellow/moderate' },\n },\n purple: {\n color: 'color/purple/strong',\n '&:hover': { backgroundColor: 'color/purple/subtle' },\n '&:active': { backgroundColor: 'color/purple/moderate' },\n },\n orange: {\n color: 'color/orange/strong',\n '&:hover': { backgroundColor: 'color/orange/subtle' },\n '&:active': { backgroundColor: 'color/orange/moderate' },\n },\n turquoise: {\n color: 'color/turquoise/strong',\n '&:hover': { backgroundColor: 'color/turquoise/subtle' },\n '&:active': { backgroundColor: 'color/turquoise/moderate' },\n },\n indigo: {\n color: 'color/indigo/strong',\n '&:hover': { backgroundColor: 'color/indigo/subtle' },\n '&:active': { backgroundColor: 'color/indigo/moderate' },\n },\n white: {\n color: 'text/on-color',\n borderColor: 'border/inverse',\n '&:hover': { backgroundColor: 'color/white/a15' },\n '&:active': { backgroundColor: 'color/white/a30' },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'neutral',\n size: 'sm',\n },\n});\n\nexport default colorButtonRecipe;\n"],"mappings":";;AAEA,IAAM,oBAAoB,aAAa;CACrC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,cAAc;EACd,QAAQ;CACV;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;GACrE,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;GACrE,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;EACvE;EACA,cAAc;GACZ,SAAS;IACP,OAAO;IACP,WAAW,EAAE,iBAAiB,uBAAuB;IACrD,YAAY,EAAE,iBAAiB,yBAAyB;GAC1D;GACA,MAAM;IACJ,OAAO;IACP,WAAW,EAAE,iBAAiB,oBAAoB;IAClD,YAAY,EAAE,iBAAiB,sBAAsB;GACvD;GACA,OAAO;IACL,OAAO;IACP,WAAW,EAAE,iBAAiB,qBAAqB;IACnD,YAAY,EAAE,iBAAiB,uBAAuB;GACxD;GACA,KAAK;IACH,OAAO;IACP,WAAW,EAAE,iBAAiB,mBAAmB;IACjD,YAAY,EAAE,iBAAiB,qBAAqB;GACtD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,WAAW;IACT,OAAO;IACP,WAAW,EAAE,iBAAiB,yBAAyB;IACvD,YAAY,EAAE,iBAAiB,2BAA2B;GAC5D;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,OAAO;IACL,OAAO;IACP,aAAa;IACb,WAAW,EAAE,iBAAiB,kBAAkB;IAChD,YAAY,EAAE,iBAAiB,kBAAkB;GACnD;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;CACR;AACF,CAAC"}

package/dist/theme/recipes/DefinitionTooltip.recipe.js CHANGED Viewed

@@ -8,9 +8,9 @@ var definitionTooltipRecipe = defineRecipe({
 		letterSpacing: "inherit",
 		maxWidth: "100%",
 		textDecoration: "underline dotted",
-		textDecorationColor: "sys/neutral/bold",
+		textDecorationColor: "color/neutral/bold",
 		textUnderlineOffset: "0.375em",
-		"&:hover": { textDecorationColor: "sys/purple/base" }
+		"&:hover": { textDecorationColor: "color/purple/base" }
 	},
 	variants: {
 		method: {

package/dist/theme/recipes/DefinitionTooltip.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefinitionTooltip.recipe.js","names":[],"sources":["../../../lib/theme/recipes/DefinitionTooltip.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst definitionTooltipRecipe = defineRecipe({\n className: 'definition-tooltip',\n base: {\n color: 'inherit',\n font: 'inherit',\n letterSpacing: 'inherit',\n maxWidth: '100%',\n textDecoration: 'underline dotted',\n textDecorationColor: '~~sys~~/neutral/bold',\n textUnderlineOffset: '0.375em',\n '&:hover': {\n textDecorationColor: '~~sys~~/purple/base',\n },\n },\n variants: {\n method: {\n click: {\n cursor: 'pointer',\n },\n hover: {\n cursor: 'default',\n },\n },\n textSize: {\n lg: { textStyle: 'body/lg/regular' },\n md: { textStyle: 'body/md/regular', textUnderlineOffset: '0.25em' },\n sm: { textStyle: 'body/sm/regular', textUnderlineOffset: '0.25em' },\n },\n },\n defaultVariants: {\n textSize: 'lg',\n },\n});\n\nexport default definitionTooltipRecipe;\n"],"mappings":";;AAEA,IAAM,0BAA0B,aAAa;CAC3C,WAAW;CACX,MAAM;EACJ,OAAO;EACP,MAAM;EACN,eAAe;EACf,UAAU;EACV,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,WAAW,EACT,qBAAqB,~~kBACvB~~;CACF;CACA,UAAU;EACR,QAAQ;GACN,OAAO,EACL,QAAQ,UACV;GACA,OAAO,EACL,QAAQ,UACV;EACF;EACA,UAAU;GACR,IAAI,EAAE,WAAW,kBAAkB;GACnC,IAAI;IAAE,WAAW;IAAmB,qBAAqB;GAAS;GAClE,IAAI;IAAE,WAAW;IAAmB,qBAAqB;GAAS;EACpE;CACF;CACA,iBAAiB,EACf,UAAU,KACZ;AACF,CAAC"}
1	+ {"version":3,"file":"DefinitionTooltip.recipe.js","names":[],"sources":["../../../lib/theme/recipes/DefinitionTooltip.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst definitionTooltipRecipe = defineRecipe({\n className: 'definition-tooltip',\n base: {\n color: 'inherit',\n font: 'inherit',\n letterSpacing: 'inherit',\n maxWidth: '100%',\n textDecoration: 'underline dotted',\n textDecorationColor: 'color/neutral/bold',\n textUnderlineOffset: '0.375em',\n '&:hover': {\n textDecorationColor: 'color/purple/base',\n },\n },\n variants: {\n method: {\n click: {\n cursor: 'pointer',\n },\n hover: {\n cursor: 'default',\n },\n },\n textSize: {\n lg: { textStyle: 'body/lg/regular' },\n md: { textStyle: 'body/md/regular', textUnderlineOffset: '0.25em' },\n sm: { textStyle: 'body/sm/regular', textUnderlineOffset: '0.25em' },\n },\n },\n defaultVariants: {\n textSize: 'lg',\n },\n});\n\nexport default definitionTooltipRecipe;\n"],"mappings":";;AAEA,IAAM,0BAA0B,aAAa;CAC3C,WAAW;CACX,MAAM;EACJ,OAAO;EACP,MAAM;EACN,eAAe;EACf,UAAU;EACV,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,WAAW,EACT,qBAAqB,oBACvB;CACF;CACA,UAAU;EACR,QAAQ;GACN,OAAO,EACL,QAAQ,UACV;GACA,OAAO,EACL,QAAQ,UACV;EACF;EACA,UAAU;GACR,IAAI,EAAE,WAAW,kBAAkB;GACnC,IAAI;IAAE,WAAW;IAAmB,qBAAqB;GAAS;GAClE,IAAI;IAAE,WAAW;IAAmB,qBAAqB;GAAS;EACpE;CACF;CACA,iBAAiB,EACf,UAAU,KACZ;AACF,CAAC"}

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

@@ -1,5 +1,5 @@
 declare const linkRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    colorScheme: {
+    colorVariant: {
         purple: {
             color: "text/link";
             _hover: {

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

@@ -16,7 +16,7 @@ var linkRecipe = defineRecipe({
 			alignItems: "center"
 		}
 	},
-	variants: { colorScheme: { purple: {
+	variants: { colorVariant: { purple: {
 		color: "text/link",
 		_hover: { color: "text/link-hover" }
 	} } }

package/dist/theme/recipes/Link.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Link.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst linkRecipe = defineRecipe({\n className: 'link',\n base: {\n color: 'currentcolor',\n _hover: {\n textDecoration: 'underline',\n },\n _disabled: {\n color: 'text/disabled !important',\n cursor: 'not-allowed',\n textDecoration: 'none !important',\n },\n '&:has(svg)': {\n display: 'inline-flex',\n gap: '4',\n alignItems: 'center',\n },\n },\n variants: {\n ~~colorScheme~~: {\n purple: {\n color: 'text/link',\n _hover: {\n color: 'text/link-hover',\n },\n },\n },\n },\n});\n\nexport default linkRecipe;\n"],"mappings":";;AAEA,IAAM,aAAa,aAAa;CAC9B,WAAW;CACX,MAAM;EACJ,OAAO;EACP,QAAQ,EACN,gBAAgB,YAClB;EACA,WAAW;GACT,OAAO;GACP,QAAQ;GACR,gBAAgB;EAClB;EACA,cAAc;GACZ,SAAS;GACT,KAAK;GACL,YAAY;EACd;CACF;CACA,UAAU,EACR,~~aAAa~~,~~EACX~~,QAAQ;EACN,OAAO;EACP,QAAQ,EACN,OAAO,kBACT;CACF,EACF,EACF;AACF,CAAC"}
1	+ {"version":3,"file":"Link.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Link.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst linkRecipe = defineRecipe({\n className: 'link',\n base: {\n color: 'currentcolor',\n _hover: {\n textDecoration: 'underline',\n },\n _disabled: {\n color: 'text/disabled !important',\n cursor: 'not-allowed',\n textDecoration: 'none !important',\n },\n '&:has(svg)': {\n display: 'inline-flex',\n gap: '4',\n alignItems: 'center',\n },\n },\n variants: {\n colorVariant: {\n purple: {\n color: 'text/link',\n _hover: {\n color: 'text/link-hover',\n },\n },\n },\n },\n});\n\nexport default linkRecipe;\n"],"mappings":";;AAEA,IAAM,aAAa,aAAa;CAC9B,WAAW;CACX,MAAM;EACJ,OAAO;EACP,QAAQ,EACN,gBAAgB,YAClB;EACA,WAAW;GACT,OAAO;GACP,QAAQ;GACR,gBAAgB;EAClB;EACA,cAAc;GACZ,SAAS;GACT,KAAK;GACL,YAAY;EACd;CACF;CACA,UAAU,EACR,cAAc,EACZ,QAAQ;EACN,OAAO;EACP,QAAQ,EACN,OAAO,kBACT;CACF,EACF,EACF;AACF,CAAC"}

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

@@ -4,7 +4,7 @@ var separatorRecipe = defineRecipe({
 	className: "separator",
 	base: {
 		display: "block",
-		borderColor: "separator/primary",
+		borderColor: "border/regular",
 		borderStyle: "solid"
 	},
 	variants: {

package/dist/theme/recipes/Separator.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Separator.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Separator.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst separatorRecipe = defineRecipe({\n className: 'separator',\n base: {\n display: 'block',\n borderColor: '~~separator~~/~~primary~~',\n borderStyle: 'solid',\n },\n variants: {\n variant: {},\n orientation: {\n horizontal: {\n borderTopWidth: 'var(--separator-thickness)',\n width: '100%',\n },\n vertical: {\n borderInlineStartWidth: 'var(--separator-thickness)',\n minHeight: '20',\n },\n },\n size: {\n '1': {\n '--separator-thickness': '1px',\n },\n '2': {\n '--separator-thickness': '2px',\n },\n },\n },\n defaultVariants: {\n size: '1',\n orientation: 'horizontal',\n },\n});\n\nexport default separatorRecipe;\n"],"mappings":";;AAEA,IAAM,kBAAkB,aAAa;CACnC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,aAAa;EACb,aAAa;CACf;CACA,UAAU;EACR,SAAS,CAAC;EACV,aAAa;GACX,YAAY;IACV,gBAAgB;IAChB,OAAO;GACT;GACA,UAAU;IACR,wBAAwB;IACxB,WAAW;GACb;EACF;EACA,MAAM;GACJ,KAAK,EACH,yBAAyB,MAC3B;GACA,KAAK,EACH,yBAAyB,MAC3B;EACF;CACF;CACA,iBAAiB;EACf,MAAM;EACN,aAAa;CACf;AACF,CAAC"}
1	+ {"version":3,"file":"Separator.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Separator.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst separatorRecipe = defineRecipe({\n className: 'separator',\n base: {\n display: 'block',\n borderColor: 'border/regular',\n borderStyle: 'solid',\n },\n variants: {\n variant: {},\n orientation: {\n horizontal: {\n borderTopWidth: 'var(--separator-thickness)',\n width: '100%',\n },\n vertical: {\n borderInlineStartWidth: 'var(--separator-thickness)',\n minHeight: '20',\n },\n },\n size: {\n '1': {\n '--separator-thickness': '1px',\n },\n '2': {\n '--separator-thickness': '2px',\n },\n },\n },\n defaultVariants: {\n size: '1',\n orientation: 'horizontal',\n },\n});\n\nexport default separatorRecipe;\n"],"mappings":";;AAEA,IAAM,kBAAkB,aAAa;CACnC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,aAAa;EACb,aAAa;CACf;CACA,UAAU;EACR,SAAS,CAAC;EACV,aAAa;GACX,YAAY;IACV,gBAAgB;IAChB,OAAO;GACT;GACA,UAAU;IACR,wBAAwB;IACxB,WAAW;GACb;EACF;EACA,MAAM;GACJ,KAAK,EACH,yBAAyB,MAC3B;GACA,KAAK,EACH,yBAAyB,MAC3B;EACF;CACF;CACA,iBAAiB;EACf,MAAM;EACN,aAAa;CACf;AACF,CAAC"}

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

@@ -5,8 +5,8 @@ var skeletonRecipe = defineRecipe({
 	base: {
 		"--animate-from": "200%",
 		"--animate-to": "-200%",
-		"--start-color": "colors.utilities.skeleton",
-		"--end-color": "colors.utilities.skeleton-strong",
+		"--start-color": "colors.utilities/skeleton",
+		"--end-color": "colors.utilities/skeleton-strong",
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "center"

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

	@@ -1 +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"}
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"}