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

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

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 (123) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Badge.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst badgeRecipe = defineRecipe({\n className: 'badge',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '4',\n borderRadius: '4',\n textStyle: 'comp/badge/sm',\n width: 'fit-content',\n height: 'fit-content',\n verticalAlign: 'bottom',\n },\n variants: {\n size: {\n xxs: {\n minWidth: '20',\n paddingBlock: '2',\n },\n xs: {\n minWidth: '24',\n paddingBlock: '4',\n },\n },\n ~~colorVariant~~: {\n ~~neutral: { color: 'color/neutral/strong', background: 'color/neutral/~~subtle~~' },\n purple~~: { ~~color: 'color/purple/strong', background: 'color/purple/subtle' },\~~n ~~blue: {~~ color: '~~color/blue/~~strong'~~, background: 'color/blue/subtle' }~~,\n ~~green: { color: 'color/green/strong',~~ background: '~~color/green/~~subtle' },\n ~~yellow: { color: 'color/yellow/strong', background: 'color/yellow/subtle'~~ },\n ~~red~~: { ~~color: 'color/red/strong', background: 'color/red/subtle' },\~~n ~~orange: {~~ color: '~~color~~/~~orange/strong', background: '~~color~~/orange/subtle~~' },\n ~~turquoise: { color: 'color/turquoise/strong',~~ background: '~~color/turquoise/subtle' },\n 'ai-gradient': { color: 'status/ai/text', background: 'ai/background/subtle' },\n },\n variant: {\n subtle: {},\n~~ bold~~: {\n color:~~ '~~text/on-color'~~,\n },\n },\n },\n compoundVariants: [\n { ~~colorVariant~~: '~~neutral~~', variant: '~~bold~~', css: { background: '~~color~~/~~neutral~~/~~bold~~' ~~} }~~,\n ~~{ colorVariant~~: '~~purple', variant: 'bold', css: { background: 'color~~/~~purple~~/~~bold~~' ~~} }~~,\n ~~{ colorVariant: 'blue', variant: 'bold', css: { background: 'color/blue/bold'~~ } },\n ~~{ colorVariant: 'green', variant: 'bold', css: { background: 'color/green/bold'~~ } },\n { ~~colorVariant~~: '~~red~~'~~, variant: 'bold', css: { background: 'color/red/bold' } }~~,\n ~~{ colorVariant: 'orange',~~ variant: 'bold'~~, css: { background: 'color/orange/bold' } }~~,\n ~~{ colorVariant: 'turquoise', variant: 'bold',~~ css: { background: '~~color~~/~~turquoise/bold' } },\n { colorVariant: '~~ai-gradient~~', variant: 'bold', css: { background: 'ai~~/~~background/~~bold', color: 'text/on-color' } },\n { ~~colorVariant~~: 'yellow', variant: 'bold', css: { background: '~~color~~/yellow/muted', color: 'text/primary' } },\n ],\n defaultVariants: {\n ~~colorVariant: 'neutral',\n~~ variant: 'subtle',\n size: 'xs',\n },\n});\n\nexport default badgeRecipe;\n"],"mappings":";;AAEA,IAAM,cAAc,aAAa;CAC/B,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,cAAc;EACd,WAAW;EACX,OAAO;EACP,QAAQ;EACR,eAAe;CACjB;CACA,UAAU;EACR,MAAM;GACJ,KAAK;IACH,UAAU;IACV,cAAc;GAChB;GACA,IAAI;IACF,UAAU;IACV,cAAc;GAChB;EACF;EACA,~~cAAc;GACZ,~~SAAS;~~IAAE~~,~~OAAO;IAAwB,YAAY;GAAuB;GAC7E,~~QAAQ;~~IAAE~~,OAAO;~~IAAuB~~,YAAY;~~GAAsB~~;~~GAC1E~~,MAAM;~~IAAE~~,OAAO;~~IAAqB~~,YAAY;~~GAAoB~~;GACpE,OAAO;IAAE,OAAO;IAAsB,YAAY;GAAqB;GACvE,QAAQ;IAAE,OAAO;IAAuB,YAAY;GAAsB;GAC1E,KAAK;IAAE,OAAO;IAAoB,YAAY;GAAmB;GACjE,QAAQ;IAAE,OAAO;IAAuB,YAAY;GAAsB;GAC1E,WAAW;IAAE,OAAO;IAA0B,YAAY;GAAyB;GACnF,eAAe;IAAE,OAAO;IAAkB,YAAY;GAAuB;EAC/E;EACA,SAAS;GACP,QAAQ,CAAC;GACT,MAAM,EACJ,OAAO,gBACT;EACF;CACF;CACA,kBAAkB;EAChB;~~GAAE~~,cAAc;~~GAAW~~,SAAS;~~GAAQ~~,KAAK~~,EAAE,YAAY,qBAAqB~~;~~EAAE;EACtF;GAAE~~,~~cAAc;GAAU,SAAS;GAAQ,KAAK,EAAE,~~YAAY~~,oBAAoB~~;~~EAAE;EACpF;GAAE~~,~~cAAc~~;~~GAAQ,SAAS~~;~~GAAQ,KAAK,EAAE,YAAY,kBAAkB~~;~~EAAE~~;~~EAChF;GAAE~~,cAAc;~~GAAS~~,SAAS;~~GAAQ~~,KAAK~~,EAAE,YAAY,mBAAmB~~;~~EAAE;EAClF;GAAE~~,~~cAAc;GAAO,SAAS;GAAQ,KAAK,EAAE,~~YAAY~~,iBAAiB~~;~~EAAE;EAC9E;GAAE~~,~~cAAc;GAAU,SAAS;GAAQ,KAAK,EAAE,YAAY,oBAAoB;EAAE;EACpF;GAAE,cAAc;GAAa,SAAS;GAAQ,KAAK,EAAE,YAAY,uBAAuB;EAAE;EAC1F;GAAE,cAAc;GAAe,SAAS;GAAQ,KAAK;IAAE,YAAY;IAAsB,~~OAAO;~~GAAgB~~;~~EAAE~~;~~EAClH~~;~~GAAE~~,cAAc;~~GAAU~~,SAAS;~~GAAQ~~,KAAK;~~IAAE~~,YAAY;~~IAAsB~~,OAAO;~~GAAe~~;~~EAAE~~;~~CAC9G~~;CACA,iBAAiB;EACf,~~cAAc;EACd,~~SAAS;EACT,MAAM;CACR;AACF,CAAC"}
1	+ {"version":3,"file":"Badge.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Badge.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst badgeRecipe = defineRecipe({\n className: 'badge',\n base: {\n colorPalette: 'neutral',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '4',\n borderRadius: '4',\n textStyle: 'comp/badge/sm',\n color: 'colorPalette.strong',\n background: 'colorPalette.subtle',\n width: 'fit-content',\n height: 'fit-content',\n verticalAlign: 'bottom',\n },\n variants: {\n size: {\n xxs: {\n minWidth: '20',\n paddingBlock: '2',\n },\n xs: {\n minWidth: '24',\n paddingBlock: '4',\n },\n },\n variant: {\n subtle: {\n color: 'colorPalette.strong',\n background: 'colorPalette.subtle',\n },\n bold: {\n color: 'text/on-color',\n background: 'colorPalette.bold',\n },\n },\n },\n compoundVariants: [\n {\n colorPalette: 'ai',\n variant: 'subtle',\n css: {\n background: 'sys/ai-gradient/subtle',\n color: 'status/ai/text',\n },\n },\n {\n colorPalette: 'ai',\n variant: 'bold',\n css: {\n background: 'sys/ai-gradient/bold',\n color: 'text/on-color',\n },\n },\n {\n colorPalette: 'yellow',\n variant: 'bold',\n css: {\n background: 'sys/yellow/muted',\n color: 'text/primary',\n },\n },\n ],\n defaultVariants: {\n variant: 'subtle',\n size: 'xs',\n },\n});\n\nexport default badgeRecipe;\n"],"mappings":";;AAEA,IAAM,cAAc,aAAa;CAC/B,WAAW;CACX,MAAM;EACJ,cAAc;EACd,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,cAAc;EACd,WAAW;EACX,OAAO;EACP,YAAY;EACZ,OAAO;EACP,QAAQ;EACR,eAAe;CACjB;CACA,UAAU;EACR,MAAM;GACJ,KAAK;IACH,UAAU;IACV,cAAc;GAChB;GACA,IAAI;IACF,UAAU;IACV,cAAc;GAChB;EACF;EACA,SAAS;GACP,QAAQ;IACN,OAAO;IACP,YAAY;GACd;GACA,MAAM;IACJ,OAAO;IACP,YAAY;GACd;EACF;CACF;CACA,kBAAkB;EAChB;GACE,cAAc;GACd,SAAS;GACT,KAAK;IACH,YAAY;IACZ,OAAO;GACT;EACF;EACA;GACE,cAAc;GACd,SAAS;GACT,KAAK;IACH,YAAY;IACZ,OAAO;GACT;EACF;EACA;GACE,cAAc;GACd,SAAS;GACT,KAAK;IACH,YAAY;IACZ,OAAO;GACT;EACF;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CAAC"}

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") ? `button/${variant}/border` : `button/${variant}/bg`;
-			let disabledBorderColor = variant?.includes("secondary") ? `button/${variant}/border-disabled` : `button/${variant}/bg-disabled`;
+			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}`;
 			if (variant?.includes("tertiary")) {
 				borderColor = "transparent";
 				disabledBorderColor = "transparent";
 			}
 			obj[variant] = {
 				"&:hover": {
-					backgroundColor: `button/${variant}/bg-hover`,
-					borderColor: variant?.includes("secondary") ? `button/${variant}/border-hover` : `button/${variant}/bg-hover`,
-					color: `button/${variant}/fg-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}`,
 					_icon: { color: variant === "secondary" ? "currentColor" : void 0 }
 				},
 				"&:active": {
-					backgroundColor: `button/${variant}/bg-active`,
-					borderColor: variant?.includes("secondary") ? `button/${variant}/border-active` : `button/${variant}/bg-active`,
-					color: `button/${variant}/fg-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}`,
 					_icon: { color: variant === "secondary" ? "currentColor" : void 0 }
 				},
 				_disabled: {
-					backgroundColor: `button/${variant}/bg-disabled!`,
+					backgroundColor: `{colors.button.${variant}.bg-disabled}!`,
 					borderColor: `${disabledBorderColor}!`,
-					color: `button/${variant}/fg-disabled!`,
+					color: `{colors.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: `button/${variant}/bg`,
+				backgroundColor: `{colors.button.${variant}.bg}`,
 				borderColor,
 				borderStyle: "solid",
 				borderWidth: rem(1),
-				color: variant === "secondary" ? "button/secondary/fg/base" : `button/${variant}/fg`
+				color: `{colors.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') ? `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"}
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"}

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

@@ -13,73 +13,5 @@ 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,11 +3,15 @@ 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",
@@ -15,64 +19,21 @@ var closeButtonRecipe = defineRecipe({
 			"&:active": { backgroundColor: "transparent" }
 		}
 	},
-	variants: {
-		size: {
-			xs: {
-				h: "24",
-				w: "24"
-			},
-			sm: {
-				h: "32",
-				w: "32"
-			},
-			md: {
-				h: "40",
-				w: "40"
-			}
+	variants: { size: {
+		xs: {
+			h: "24",
+			w: "24"
 		},
-		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" }
+		sm: {
+			h: "32",
+			w: "32"
+		},
+		md: {
+			h: "40",
+			w: "40"
 		}
-	},
-	defaultVariants: {
-		colorVariant: "neutral",
-		size: "xs"
-	}
+	} },
+	defaultVariants: { 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 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"}
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"}

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

@@ -16,98 +16,5 @@ 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,89 +3,44 @@ 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",
-		cursor: "pointer"
+		color: "colorPalette.strong",
+		cursor: "pointer",
+		"&:hover": { backgroundColor: "colorPalette.subtle" },
+		"&:active": { backgroundColor: "colorPalette.moderate" }
 	},
-	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"
-			}
+	variants: { size: {
+		sm: {
+			height: "32",
+			paddingInline: "12",
+			textStyle: "comp/button/sm"
 		},
-		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" }
-			}
+		md: {
+			height: "40",
+			paddingInline: "12",
+			textStyle: "comp/button/md"
+		},
+		lg: {
+			height: "48",
+			paddingInline: "16",
+			textStyle: "comp/button/lg"
 		}
-	},
-	defaultVariants: {
-		colorVariant: "neutral",
-		size: "sm"
-	}
+	} },
+	compoundVariants: [{
+		colorPalette: "white",
+		css: {
+			color: "text.on-color",
+			borderColor: "border.inverse",
+			"&:hover": { backgroundColor: "white.a15" },
+			"&:active": { backgroundColor: "white.a30" }
+		}
+	}],
+	defaultVariants: { 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 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"}
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"}

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

@@ -8,9 +8,9 @@ var definitionTooltipRecipe = defineRecipe({
 		letterSpacing: "inherit",
 		maxWidth: "100%",
 		textDecoration: "underline dotted",
-		textDecorationColor: "color/neutral/bold",
+		textDecorationColor: "sys/neutral/bold",
 		textUnderlineOffset: "0.375em",
-		"&:hover": { textDecorationColor: "color/purple/base" }
+		"&:hover": { textDecorationColor: "sys/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: '~~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"}
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"}

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

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

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

@@ -16,7 +16,7 @@ var linkRecipe = defineRecipe({
 			alignItems: "center"
 		}
 	},
-	variants: { colorVariant: { purple: {
+	variants: { colorScheme: { 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 ~~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"}
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"}

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

@@ -4,7 +4,7 @@ var separatorRecipe = defineRecipe({
 	className: "separator",
 	base: {
 		display: "block",
-		borderColor: "border/regular",
+		borderColor: "separator/primary",
 		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: '~~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"}
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"}

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"