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/slot-recipes/MarkdownCard.recipe.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ declare const markdownCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
             iconBar: {
                 backgroundColor: "status/success/bg";
                 borderColor: "status/success/border";
-                color: "sys/green/base";
+                color: "color/green/base";
             };
             root: {
                 borderColor: "status/success/border";
@@ -24,7 +24,7 @@ declare const markdownCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
             iconBar: {
                 backgroundColor: "status/warning/bg";
                 borderColor: "status/warning/border";
-                color: "sys/yellow/base";
+                color: "color/yellow/base";
             };
             root: {
                 borderColor: "status/warning/border";
@@ -34,7 +34,7 @@ declare const markdownCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
             iconBar: {
                 backgroundColor: "status/critical/bg";
                 borderColor: "status/critical/border";
-                color: "sys/red/base";
+                color: "color/red/base";
             };
             root: {
                 borderColor: "status/critical/border";

package/dist/theme/slot-recipes/MarkdownCard.recipe.js CHANGED Viewed

@@ -33,7 +33,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
 			position: "relative"
 		},
 		gradient: {
-			background: "linear-gradient(to top, {colors.background.primary} 12.5%, transparent)",
+			background: "linear-gradient(to top, {colors.neutral.100} 12.5%, transparent)",
 			bottom: 0,
 			height: "128",
 			insetInline: 0,
@@ -60,7 +60,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
 			iconBar: {
 				backgroundColor: "status/success/bg",
 				borderColor: "status/success/border",
-				color: "sys/green/base"
+				color: "color/green/base"
 			},
 			root: { borderColor: "status/success/border" }
 		},
@@ -68,7 +68,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
 			iconBar: {
 				backgroundColor: "status/warning/bg",
 				borderColor: "status/warning/border",
-				color: "sys/yellow/base"
+				color: "color/yellow/base"
 			},
 			root: { borderColor: "status/warning/border" }
 		},
@@ -76,7 +76,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
 			iconBar: {
 				backgroundColor: "status/critical/bg",
 				borderColor: "status/critical/border",
-				color: "sys/red/base"
+				color: "color/red/base"
 			},
 			root: { borderColor: "status/critical/border" }
 		}

package/dist/theme/slot-recipes/MarkdownCard.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/MarkdownCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst markdownCardSlotRecipe = defineSlotRecipe({\n className: 'markdown-card',\n slots: [...cardAnatomy.keys(), 'iconBar', 'content', 'gradient', 'footerButtons'],\n base: {\n root: {\n backgroundColor: 'background/primary',\n overflow: 'hidden',\n },\n iconBar: {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'center',\n paddingInline: '8',\n paddingBlock: '12',\n flexShrink: 0,\n borderInlineEnd: '1px solid',\n },\n content: {\n flex: 1,\n paddingInlineStart: '16',\n paddingInlineEnd: '24',\n paddingBlockStart: '24',\n minWidth: 0,\n position: 'relative',\n },\n gradient: {\n background: 'linear-gradient(to top, {colors.~~background~~.~~primary~~} 12.5%, transparent)',\n bottom: 0,\n height: '128',\n insetInline: 0,\n pointerEvents: 'none',\n position: 'absolute',\n },\n footerButtons: {\n justifyContent: 'flex-end',\n paddingBlockEnd: '16',\n paddingBlockStart: '16',\n paddingInlineEnd: '8',\n },\n },\n variants: {\n status: {\n info: {\n iconBar: {\n backgroundColor: 'background/secondary',\n borderColor: 'border/regular',\n color: 'icon/secondary',\n },\n root: {\n borderColor: 'border/regular',\n },\n },\n success: {\n iconBar: {\n backgroundColor: 'status/success/bg',\n borderColor: 'status/success/border',\n color: '~~sys~~/green/base',\n },\n root: {\n borderColor: 'status/success/border',\n },\n },\n warning: {\n iconBar: {\n backgroundColor: 'status/warning/bg',\n borderColor: 'status/warning/border',\n color: '~~sys~~/yellow/base',\n },\n root: {\n borderColor: 'status/warning/border',\n },\n },\n critical: {\n iconBar: {\n backgroundColor: 'status/critical/bg',\n borderColor: 'status/critical/border',\n color: '~~sys~~/red/base',\n },\n root: {\n borderColor: 'status/critical/border',\n },\n },\n },\n },\n defaultVariants: {\n status: 'info',\n },\n});\n\nexport default markdownCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,KAAK;EAAG;EAAW;EAAW;EAAY;CAAe;CAChF,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;EACZ;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;GACf,cAAc;GACd,YAAY;GACZ,iBAAiB;EACnB;EACA,SAAS;GACP,MAAM;GACN,oBAAoB;GACpB,kBAAkB;GAClB,mBAAmB;GACnB,UAAU;GACV,UAAU;EACZ;EACA,UAAU;GACR,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,aAAa;GACb,eAAe;GACf,UAAU;EACZ;EACA,eAAe;GACb,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;EACpB;CACF;CACA,UAAU,EACR,QAAQ;EACN,MAAM;GACJ,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,iBACf;EACF;EACA,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,wBACf;EACF;EACA,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,wBACf;EACF;EACA,UAAU;GACR,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,yBACf;EACF;CACF,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,CAAC"}
1	+ {"version":3,"file":"MarkdownCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/MarkdownCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst markdownCardSlotRecipe = defineSlotRecipe({\n className: 'markdown-card',\n slots: [...cardAnatomy.keys(), 'iconBar', 'content', 'gradient', 'footerButtons'],\n base: {\n root: {\n backgroundColor: 'background/primary',\n overflow: 'hidden',\n },\n iconBar: {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'center',\n paddingInline: '8',\n paddingBlock: '12',\n flexShrink: 0,\n borderInlineEnd: '1px solid',\n },\n content: {\n flex: 1,\n paddingInlineStart: '16',\n paddingInlineEnd: '24',\n paddingBlockStart: '24',\n minWidth: 0,\n position: 'relative',\n },\n gradient: {\n background: 'linear-gradient(to top, {colors.neutral.100} 12.5%, transparent)',\n bottom: 0,\n height: '128',\n insetInline: 0,\n pointerEvents: 'none',\n position: 'absolute',\n },\n footerButtons: {\n justifyContent: 'flex-end',\n paddingBlockEnd: '16',\n paddingBlockStart: '16',\n paddingInlineEnd: '8',\n },\n },\n variants: {\n status: {\n info: {\n iconBar: {\n backgroundColor: 'background/secondary',\n borderColor: 'border/regular',\n color: 'icon/secondary',\n },\n root: {\n borderColor: 'border/regular',\n },\n },\n success: {\n iconBar: {\n backgroundColor: 'status/success/bg',\n borderColor: 'status/success/border',\n color: 'color/green/base',\n },\n root: {\n borderColor: 'status/success/border',\n },\n },\n warning: {\n iconBar: {\n backgroundColor: 'status/warning/bg',\n borderColor: 'status/warning/border',\n color: 'color/yellow/base',\n },\n root: {\n borderColor: 'status/warning/border',\n },\n },\n critical: {\n iconBar: {\n backgroundColor: 'status/critical/bg',\n borderColor: 'status/critical/border',\n color: 'color/red/base',\n },\n root: {\n borderColor: 'status/critical/border',\n },\n },\n },\n },\n defaultVariants: {\n status: 'info',\n },\n});\n\nexport default markdownCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,KAAK;EAAG;EAAW;EAAW;EAAY;CAAe;CAChF,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;EACZ;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;GACf,cAAc;GACd,YAAY;GACZ,iBAAiB;EACnB;EACA,SAAS;GACP,MAAM;GACN,oBAAoB;GACpB,kBAAkB;GAClB,mBAAmB;GACnB,UAAU;GACV,UAAU;EACZ;EACA,UAAU;GACR,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,aAAa;GACb,eAAe;GACf,UAAU;EACZ;EACA,eAAe;GACb,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;EACpB;CACF;CACA,UAAU,EACR,QAAQ;EACN,MAAM;GACJ,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,iBACf;EACF;EACA,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,wBACf;EACF;EACA,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,wBACf;EACF;EACA,UAAU;GACR,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,yBACf;EACF;CACF,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,CAAC"}

package/dist/theme/slot-recipes/NoteCard.recipe.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ declare const noteCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinitio
     status: {
         ai: {
             iconBar: {
-                background: "{colors.ai.background.minimal-vertical}";
+                background: "ai/background/minimal-vertical";
                 color: string;
             };
             messageSolo: {
@@ -11,7 +11,7 @@ declare const noteCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinitio
             root: {
                 backgroundColor: "transparent";
                 border: "1px solid transparent";
-                background: "linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box";
+                background: "linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box";
             };
             title: {
                 color: string;

package/dist/theme/slot-recipes/NoteCard.recipe.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
 //#region lib/theme/slot-recipes/NoteCard.recipe.ts
 var SIDEBAR_ICON_COLOR_MAP = {
-	ai: "sys/indigo/base",
-	critical: "sys/red/base",
-	info: "sys/blue/base",
-	progress: "sys/purple/base",
-	success: "sys/green/base",
-	warning: "sys/yellow/base"
+	ai: "color/indigo/base",
+	critical: "color/red/base",
+	info: "color/blue/base",
+	progress: "color/purple/base",
+	success: "color/green/base",
+	warning: "color/yellow/base"
 };
 var TITLE_COLOR_MAP = {
 	ai: "status/ai/text",
@@ -94,14 +94,14 @@ var noteCardSlotRecipe = defineSlotRecipe({
 	variants: { status: {
 		ai: {
 			iconBar: {
-				background: "{colors.ai.background.minimal-vertical}",
+				background: "ai/background/minimal-vertical",
 				color: SIDEBAR_ICON_COLOR_MAP.ai
 			},
 			messageSolo: { color: TITLE_COLOR_MAP.ai },
 			root: {
 				backgroundColor: "transparent",
 				border: "1px solid transparent",
-				background: "linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box"
+				background: "linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box"
 			},
 			title: { color: TITLE_COLOR_MAP.ai }
 		},

package/dist/theme/slot-recipes/NoteCard.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NoteCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NoteCard.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { type NotificationVariant } from '../common/AlertAndToast.common';\n\nconst SIDEBAR_ICON_COLOR_MAP: Record<NotificationVariant, string> = {\n ai: '~~sys~~/indigo/base',\n critical: '~~sys~~/red/base',\n info: '~~sys~~/blue/base',\n progress: '~~sys~~/purple/base',\n success: '~~sys~~/green/base',\n warning: '~~sys~~/yellow/base',\n};\n\nconst TITLE_COLOR_MAP: Record<NotificationVariant, string> = {\n ai: 'status/ai/text',\n critical: 'text/negative',\n info: 'text/primary',\n progress: 'text/secondary',\n success: 'text/positive',\n warning: 'text/primary',\n};\n\nconst getStatusVariant = (v: NotificationVariant) => ({\n iconBar: {\n backgroundColor: `status/${v}/bg`,\n color: SIDEBAR_ICON_COLOR_MAP[v],\n },\n messageSolo: { color: TITLE_COLOR_MAP[v] },\n root: { borderColor: `status/${v}/border` },\n title: { color: TITLE_COLOR_MAP[v] },\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n className: 'note-card',\n slots: ['root', 'iconBar', 'iconWrapper', 'content', 'messageBlock', 'title', 'message', 'messageSolo', 'actionArea'],\n base: {\n root: {\n alignItems: 'stretch',\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n display: 'flex',\n overflow: 'hidden',\n },\n iconBar: {\n alignItems: 'flex-start',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n paddingBlock: '12',\n paddingInline: '8',\n },\n iconWrapper: {\n alignItems: 'center',\n display: 'flex',\n height: '24',\n justifyContent: 'center',\n width: '24',\n },\n content: {\n alignItems: 'center',\n display: 'flex',\n flex: 1,\n gap: '24',\n minWidth: 0,\n paddingBlock: '12',\n paddingInlineEnd: '16',\n paddingInlineStart: '12',\n },\n messageBlock: {\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n gap: '4',\n minWidth: 0,\n width: '100%',\n },\n title: {\n textStyle: 'comp/notification/title',\n },\n message: {\n textStyle: 'comp/notification/message',\n color: 'text/body',\n },\n messageSolo: {\n paddingBlockStart: '2',\n textStyle: 'comp/notification/message',\n },\n actionArea: {\n flexShrink: 0,\n },\n },\n variants: {\n status: {\n ai: {\n iconBar: {\n background: '~~{colors.~~ai.background.minimal-vertical}',\n color: SIDEBAR_ICON_COLOR_MAP.ai,\n },\n messageSolo: { color: TITLE_COLOR_MAP.ai },\n root: {\n backgroundColor: 'transparent',\n border: '1px solid transparent',\n background:\n 'linear-gradient({colors.~~background~~.~~primary~~}, {colors.~~background~~.~~primary~~}) padding-box, {colors.~~status~~.ai.~~border~~} border-box',\n },\n title: { color: TITLE_COLOR_MAP.ai },\n },\n critical: getStatusVariant('critical'),\n info: getStatusVariant('info'),\n progress: getStatusVariant('progress'),\n success: getStatusVariant('success'),\n warning: getStatusVariant('warning'),\n },\n },\n defaultVariants: {\n status: 'info',\n },\n});\n\nexport default noteCardSlotRecipe;\n"],"mappings":";;AAIA,IAAM,yBAA8D;CAClE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,kBAAuD;CAC3D,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,uBAAuB;CAChC;CACA,aAAa,EAAE,OAAO,gBAAgB,GAAG;CACzC,MAAM,EAAE,aAAa,UAAU,EAAE,SAAS;CAC1C,OAAO,EAAE,OAAO,gBAAgB,GAAG;AACrC;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;EAAe;EAAW;EAAgB;EAAS;EAAW;EAAe;CAAY;CACpH,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;EACjB;EACA,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;EACT;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;EACT;EACA,OAAO,EACL,WAAW,0BACb;EACA,SAAS;GACP,WAAW;GACX,OAAO;EACT;EACA,aAAa;GACX,mBAAmB;GACnB,WAAW;EACb;EACA,YAAY,EACV,YAAY,EACd;CACF;CACA,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,uBAAuB;GAChC;GACA,aAAa,EAAE,OAAO,gBAAgB,GAAG;GACzC,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YACE;GACJ;GACA,OAAO,EAAE,OAAO,gBAAgB,GAAG;EACrC;EACA,UAAU,iBAAiB,UAAU;EACrC,MAAM,iBAAiB,MAAM;EAC7B,UAAU,iBAAiB,UAAU;EACrC,SAAS,iBAAiB,SAAS;EACnC,SAAS,iBAAiB,SAAS;CACrC,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,CAAC"}
1	+ {"version":3,"file":"NoteCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NoteCard.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { type NotificationVariant } from '../common/AlertAndToast.common';\n\nconst SIDEBAR_ICON_COLOR_MAP: Record<NotificationVariant, string> = {\n ai: 'color/indigo/base',\n critical: 'color/red/base',\n info: 'color/blue/base',\n progress: 'color/purple/base',\n success: 'color/green/base',\n warning: 'color/yellow/base',\n};\n\nconst TITLE_COLOR_MAP: Record<NotificationVariant, string> = {\n ai: 'status/ai/text',\n critical: 'text/negative',\n info: 'text/primary',\n progress: 'text/secondary',\n success: 'text/positive',\n warning: 'text/primary',\n};\n\nconst getStatusVariant = (v: NotificationVariant) => ({\n iconBar: {\n backgroundColor: `status/${v}/bg`,\n color: SIDEBAR_ICON_COLOR_MAP[v],\n },\n messageSolo: { color: TITLE_COLOR_MAP[v] },\n root: { borderColor: `status/${v}/border` },\n title: { color: TITLE_COLOR_MAP[v] },\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n className: 'note-card',\n slots: ['root', 'iconBar', 'iconWrapper', 'content', 'messageBlock', 'title', 'message', 'messageSolo', 'actionArea'],\n base: {\n root: {\n alignItems: 'stretch',\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n display: 'flex',\n overflow: 'hidden',\n },\n iconBar: {\n alignItems: 'flex-start',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n paddingBlock: '12',\n paddingInline: '8',\n },\n iconWrapper: {\n alignItems: 'center',\n display: 'flex',\n height: '24',\n justifyContent: 'center',\n width: '24',\n },\n content: {\n alignItems: 'center',\n display: 'flex',\n flex: 1,\n gap: '24',\n minWidth: 0,\n paddingBlock: '12',\n paddingInlineEnd: '16',\n paddingInlineStart: '12',\n },\n messageBlock: {\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n gap: '4',\n minWidth: 0,\n width: '100%',\n },\n title: {\n textStyle: 'comp/notification/title',\n },\n message: {\n textStyle: 'comp/notification/message',\n color: 'text/body',\n },\n messageSolo: {\n paddingBlockStart: '2',\n textStyle: 'comp/notification/message',\n },\n actionArea: {\n flexShrink: 0,\n },\n },\n variants: {\n status: {\n ai: {\n iconBar: {\n background: 'ai/background/minimal-vertical',\n color: SIDEBAR_ICON_COLOR_MAP.ai,\n },\n messageSolo: { color: TITLE_COLOR_MAP.ai },\n root: {\n backgroundColor: 'transparent',\n border: '1px solid transparent',\n background:\n 'linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box',\n },\n title: { color: TITLE_COLOR_MAP.ai },\n },\n critical: getStatusVariant('critical'),\n info: getStatusVariant('info'),\n progress: getStatusVariant('progress'),\n success: getStatusVariant('success'),\n warning: getStatusVariant('warning'),\n },\n },\n defaultVariants: {\n status: 'info',\n },\n});\n\nexport default noteCardSlotRecipe;\n"],"mappings":";;AAIA,IAAM,yBAA8D;CAClE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,kBAAuD;CAC3D,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,uBAAuB;CAChC;CACA,aAAa,EAAE,OAAO,gBAAgB,GAAG;CACzC,MAAM,EAAE,aAAa,UAAU,EAAE,SAAS;CAC1C,OAAO,EAAE,OAAO,gBAAgB,GAAG;AACrC;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;EAAe;EAAW;EAAgB;EAAS;EAAW;EAAe;CAAY;CACpH,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;EACjB;EACA,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;EACT;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;EACT;EACA,OAAO,EACL,WAAW,0BACb;EACA,SAAS;GACP,WAAW;GACX,OAAO;EACT;EACA,aAAa;GACX,mBAAmB;GACnB,WAAW;EACb;EACA,YAAY,EACV,YAAY,EACd;CACF;CACA,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,uBAAuB;GAChC;GACA,aAAa,EAAE,OAAO,gBAAgB,GAAG;GACzC,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YACE;GACJ;GACA,OAAO,EAAE,OAAO,gBAAgB,GAAG;EACrC;EACA,UAAU,iBAAiB,UAAU;EACrC,MAAM,iBAAiB,MAAM;EAC7B,UAAU,iBAAiB,UAAU;EACrC,SAAS,iBAAiB,SAAS;EACnC,SAAS,iBAAiB,SAAS;CACrC,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,CAAC"}

package/dist/theme/slot-recipes/OverflowContent.recipe.js CHANGED Viewed

@@ -23,7 +23,7 @@ var overflowContentSlotRecipe = defineSlotRecipe({
 			textStyle: "body/md/regular",
 			whiteSpace: "nowrap",
 			_after: {
-				background: "linear-gradient(to left, {colors.background.primary} 0%, transparent 100%)",
+				background: "linear-gradient(to left, {colors.neutral.100} 0%, transparent 100%)",
 				content: "\"\"",
 				height: "100%",
 				pointerEvents: "none",

package/dist/theme/slot-recipes/OverflowContent.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverflowContent.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/OverflowContent.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst overflowContentSlotRecipe = defineSlotRecipe({\n className: 'overflowContent',\n slots: ['root', 'preview', 'action'] as const,\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n gap: '4',\n },\n preview: {\n color: 'text/body',\n flex: '1',\n minWidth: 0,\n overflow: 'hidden',\n position: 'relative',\n textOverflow: 'ellipsis',\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n _after: {\n background: 'linear-gradient(to left, {colors.~~background~~.~~primary~~} 0%, transparent 100%)',\n content: '\"\"',\n height: '100%',\n pointerEvents: 'none',\n position: 'absolute',\n right: 0,\n top: 0,\n width: '32',\n },\n },\n action: {\n flexShrink: '0',\n },\n },\n});\n\nexport default overflowContentSlotRecipe;\n"],"mappings":";;AAEA,IAAM,4BAA4B,iBAAiB;CACjD,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;CAAQ;CACnC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;EACP;EACA,SAAS;GACP,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,UAAU;GACV,cAAc;GACd,WAAW;GACX,YAAY;GACZ,QAAQ;IACN,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,eAAe;IACf,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;GACT;EACF;EACA,QAAQ,EACN,YAAY,IACd;CACF;AACF,CAAC"}
1	+ {"version":3,"file":"OverflowContent.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/OverflowContent.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst overflowContentSlotRecipe = defineSlotRecipe({\n className: 'overflowContent',\n slots: ['root', 'preview', 'action'] as const,\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n gap: '4',\n },\n preview: {\n color: 'text/body',\n flex: '1',\n minWidth: 0,\n overflow: 'hidden',\n position: 'relative',\n textOverflow: 'ellipsis',\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n _after: {\n background: 'linear-gradient(to left, {colors.neutral.100} 0%, transparent 100%)',\n content: '\"\"',\n height: '100%',\n pointerEvents: 'none',\n position: 'absolute',\n right: 0,\n top: 0,\n width: '32',\n },\n },\n action: {\n flexShrink: '0',\n },\n },\n});\n\nexport default overflowContentSlotRecipe;\n"],"mappings":";;AAEA,IAAM,4BAA4B,iBAAiB;CACjD,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;CAAQ;CACnC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;EACP;EACA,SAAS;GACP,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,UAAU;GACV,cAAc;GACd,WAAW;GACX,YAAY;GACZ,QAAQ;IACN,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,eAAe;IACf,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;GACT;EACF;EACA,QAAQ,EACN,YAAY,IACd;CACF;AACF,CAAC"}

package/dist/theme/slot-recipes/PageFooter.recipe.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 declare const pageFooterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "status" | "root" | "statusLabel" | "statusDot" | "copyright" | "copyrightText" | "links", {
-    colorScheme: {
+    colorVariant: {
         gray: {
             root: {
                 background: "background/secondary";
@@ -60,11 +60,11 @@ declare const pageFooterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
             };
             links: {
                 borderBlockEnd: {
-                    base: "1px solid {colors.border.minimal}";
+                    base: "1px solid {colors.neutral.93}";
                     tablet: "none";
                 };
                 borderBlockStart: {
-                    base: "1px solid {colors.border.minimal}";
+                    base: "1px solid {colors.neutral.93}";
                     tablet: "none";
                 };
                 paddingBlock: {
@@ -82,7 +82,7 @@ declare const pageFooterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
             };
             links: {
                 borderBlockEnd: {
-                    base: "1px solid {colors.border.minimal}";
+                    base: "1px solid {colors.neutral.93}";
                     tablet: "none";
                 };
                 paddingBlockEnd: {

package/dist/theme/slot-recipes/PageFooter.recipe.js CHANGED Viewed

@@ -117,7 +117,7 @@ var pageFooterSlotRecipe = defineSlotRecipe({
 		}
 	},
 	variants: {
-		colorScheme: {
+		colorVariant: {
 			gray: {
 				root: { background: "background/secondary" },
 				status: { background: "background/tertiary" }
@@ -148,11 +148,11 @@ var pageFooterSlotRecipe = defineSlotRecipe({
 				},
 				links: {
 					borderBlockEnd: {
-						base: "1px solid {colors.border.minimal}",
+						base: "1px solid {colors.neutral.93}",
 						tablet: "none"
 					},
 					borderBlockStart: {
-						base: "1px solid {colors.border.minimal}",
+						base: "1px solid {colors.neutral.93}",
 						tablet: "none"
 					},
 					paddingBlock: {
@@ -168,7 +168,7 @@ var pageFooterSlotRecipe = defineSlotRecipe({
 				} },
 				links: {
 					borderBlockEnd: {
-						base: "1px solid {colors.border.minimal}",
+						base: "1px solid {colors.neutral.93}",
 						tablet: "none"
 					},
 					paddingBlockEnd: {
@@ -180,7 +180,7 @@ var pageFooterSlotRecipe = defineSlotRecipe({
 		}
 	},
 	defaultVariants: {
-		colorScheme: "gray",
+		colorVariant: "gray",
 		size: "default",
 		variant: "default"
 	}

package/dist/theme/slot-recipes/PageFooter.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageFooter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageFooter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst pageFooterSlotRecipe = defineSlotRecipe({\n className: 'page-footer',\n slots: ['root', 'status', 'statusDot', 'statusLabel', 'copyright', 'copyrightText', 'links', 'link'] as const,\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n flexDirection: { base: 'column', tablet: 'row' },\n gap: { base: '16', tablet: '0' },\n justifyContent: 'space-between',\n padding: { base: '16', tablet: '0' },\n paddingInlineStart: { base: '16', tablet: '20' },\n width: '100%',\n },\n status: {\n alignItems: 'center',\n borderRadius: '4',\n display: 'flex',\n flexShrink: 0,\n gap: '4',\n paddingBlock: '4',\n paddingInlineEnd: '8',\n paddingInlineStart: '4',\n },\n statusDot: {\n borderRadius: 'full',\n flexShrink: 0,\n height: '8',\n width: '8',\n marginInline: '4',\n },\n statusLabel: {\n color: 'text/secondary',\n textStyle: 'comp/badge/sm',\n whiteSpace: 'nowrap',\n },\n copyright: {\n alignItems: 'center',\n display: 'flex',\n gap: '8',\n order: { base: 3, tablet: 0 },\n },\n copyrightText: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n },\n links: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n flexWrap: { base: 'wrap', tablet: 'nowrap' },\n gap: { base: '40', tablet: '24' },\n justifyContent: { base: 'center', tablet: 'flex-start' },\n order: { base: 2, tablet: 0 },\n rowGap: { base: '12', tablet: '8' },\n width: { base: '100%', tablet: 'auto' },\n },\n link: {\n background: 'transparent',\n border: 'none',\n color: 'text/secondary',\n cursor: 'pointer',\n padding: 0,\n textDecoration: 'none',\n textStyle: { base: 'body/lg/regular', tablet: 'body/md/regular' },\n whiteSpace: 'nowrap',\n _hover: {\n textDecoration: 'underline',\n },\n },\n },\n variants: {\n ~~colorScheme~~: {\n gray: {\n root: {\n background: 'background/secondary',\n },\n status: {\n background: 'background/tertiary',\n },\n },\n white: {\n root: {\n background: 'background/primary',\n },\n status: {\n background: 'background/secondary',\n },\n },\n },\n size: {\n compact: {\n root: {\n height: { tablet: '32' },\n },\n },\n default: {\n root: {\n height: { tablet: '64' },\n },\n },\n },\n variant: {\n default: {\n root: {\n paddingInlineEnd: { base: '16', tablet: rem(80) },\n position: { tablet: 'relative' },\n },\n copyright: {\n insetInlineStart: { tablet: '50%' },\n position: { tablet: 'absolute' },\n top: { tablet: '50%' },\n transform: { tablet: 'translate(-50%, -50%)' },\n },\n links: {\n borderBlockEnd: { base: '1px solid {colors.~~border~~.~~minimal~~}', tablet: 'none' },\n borderBlockStart: { base: '1px solid {colors.~~border~~.~~minimal~~}', tablet: 'none' },\n paddingBlock: { base: '16', tablet: '0' },\n },\n },\n public: {\n root: {\n paddingInlineEnd: { base: '16', tablet: '40' },\n },\n links: {\n borderBlockEnd: { base: '1px solid {colors.~~border~~.~~minimal~~}', tablet: 'none' },\n paddingBlockEnd: { base: '16', tablet: '0' },\n },\n },\n },\n },\n defaultVariants: {\n ~~colorScheme~~: 'gray',\n size: 'default',\n variant: 'default',\n },\n});\n\nexport default pageFooterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAa;EAAe;EAAa;EAAiB;EAAS;CAAM;CACnG,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAI;GAC/B,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAI;GACnC,oBAAoB;IAAE,MAAM;IAAM,QAAQ;GAAK;GAC/C,OAAO;EACT;EACA,QAAQ;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,WAAW;GACT,cAAc;GACd,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,cAAc;EAChB;EACA,aAAa;GACX,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;EAC9B;EACA,eAAe;GACb,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,MAAM;IAAQ,QAAQ;GAAS;GAC3C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,gBAAgB;IAAE,MAAM;IAAU,QAAQ;GAAa;GACvD,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;GAC5B,QAAQ;IAAE,MAAM;IAAM,QAAQ;GAAI;GAClC,OAAO;IAAE,MAAM;IAAQ,QAAQ;GAAO;EACxC;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,WAAW;IAAE,MAAM;IAAmB,QAAQ;GAAkB;GAChE,YAAY;GACZ,QAAQ,EACN,gBAAgB,YAClB;EACF;CACF;CACA,UAAU;EACR,~~aAAa~~;~~GACX~~,MAAM;IACJ,MAAM,EACJ,YAAY,uBACd;IACA,QAAQ,EACN,YAAY,sBACd;GACF;GACA,OAAO;IACL,MAAM,EACJ,YAAY,qBACd;IACA,QAAQ,EACN,YAAY,uBACd;GACF;EACF;EACA,MAAM;GACJ,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;GACA,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;EACF;EACA,SAAS;GACP,SAAS;IACP,MAAM;KACJ,kBAAkB;MAAE,MAAM;MAAM,QAAQ,IAAI,EAAE;KAAE;KAChD,UAAU,EAAE,QAAQ,WAAW;IACjC;IACA,WAAW;KACT,kBAAkB,EAAE,QAAQ,MAAM;KAClC,UAAU,EAAE,QAAQ,WAAW;KAC/B,KAAK,EAAE,QAAQ,MAAM;KACrB,WAAW,EAAE,QAAQ,wBAAwB;IAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;~~MAAqC~~,QAAQ;KAAO;~~KAC5E~~,kBAAkB;MAAE,MAAM;~~MAAqC~~,QAAQ;KAAO;~~KAC9E~~,cAAc;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC1C;GACF;GACA,QAAQ;IACN,MAAM,EACJ,kBAAkB;KAAE,MAAM;KAAM,QAAQ;IAAK,EAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;~~MAAqC~~,QAAQ;KAAO;~~KAC5E~~,iBAAiB;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC7C;GACF;EACF;CACF;CACA,iBAAiB;EACf,~~aAAa~~;~~EACb~~,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
1	+ {"version":3,"file":"PageFooter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageFooter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst pageFooterSlotRecipe = defineSlotRecipe({\n className: 'page-footer',\n slots: ['root', 'status', 'statusDot', 'statusLabel', 'copyright', 'copyrightText', 'links', 'link'] as const,\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n flexDirection: { base: 'column', tablet: 'row' },\n gap: { base: '16', tablet: '0' },\n justifyContent: 'space-between',\n padding: { base: '16', tablet: '0' },\n paddingInlineStart: { base: '16', tablet: '20' },\n width: '100%',\n },\n status: {\n alignItems: 'center',\n borderRadius: '4',\n display: 'flex',\n flexShrink: 0,\n gap: '4',\n paddingBlock: '4',\n paddingInlineEnd: '8',\n paddingInlineStart: '4',\n },\n statusDot: {\n borderRadius: 'full',\n flexShrink: 0,\n height: '8',\n width: '8',\n marginInline: '4',\n },\n statusLabel: {\n color: 'text/secondary',\n textStyle: 'comp/badge/sm',\n whiteSpace: 'nowrap',\n },\n copyright: {\n alignItems: 'center',\n display: 'flex',\n gap: '8',\n order: { base: 3, tablet: 0 },\n },\n copyrightText: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n },\n links: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n flexWrap: { base: 'wrap', tablet: 'nowrap' },\n gap: { base: '40', tablet: '24' },\n justifyContent: { base: 'center', tablet: 'flex-start' },\n order: { base: 2, tablet: 0 },\n rowGap: { base: '12', tablet: '8' },\n width: { base: '100%', tablet: 'auto' },\n },\n link: {\n background: 'transparent',\n border: 'none',\n color: 'text/secondary',\n cursor: 'pointer',\n padding: 0,\n textDecoration: 'none',\n textStyle: { base: 'body/lg/regular', tablet: 'body/md/regular' },\n whiteSpace: 'nowrap',\n _hover: {\n textDecoration: 'underline',\n },\n },\n },\n variants: {\n colorVariant: {\n gray: {\n root: {\n background: 'background/secondary',\n },\n status: {\n background: 'background/tertiary',\n },\n },\n white: {\n root: {\n background: 'background/primary',\n },\n status: {\n background: 'background/secondary',\n },\n },\n },\n size: {\n compact: {\n root: {\n height: { tablet: '32' },\n },\n },\n default: {\n root: {\n height: { tablet: '64' },\n },\n },\n },\n variant: {\n default: {\n root: {\n paddingInlineEnd: { base: '16', tablet: rem(80) },\n position: { tablet: 'relative' },\n },\n copyright: {\n insetInlineStart: { tablet: '50%' },\n position: { tablet: 'absolute' },\n top: { tablet: '50%' },\n transform: { tablet: 'translate(-50%, -50%)' },\n },\n links: {\n borderBlockEnd: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n borderBlockStart: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n paddingBlock: { base: '16', tablet: '0' },\n },\n },\n public: {\n root: {\n paddingInlineEnd: { base: '16', tablet: '40' },\n },\n links: {\n borderBlockEnd: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n paddingBlockEnd: { base: '16', tablet: '0' },\n },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'gray',\n size: 'default',\n variant: 'default',\n },\n});\n\nexport default pageFooterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAa;EAAe;EAAa;EAAiB;EAAS;CAAM;CACnG,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAI;GAC/B,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAI;GACnC,oBAAoB;IAAE,MAAM;IAAM,QAAQ;GAAK;GAC/C,OAAO;EACT;EACA,QAAQ;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,WAAW;GACT,cAAc;GACd,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,cAAc;EAChB;EACA,aAAa;GACX,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;EAC9B;EACA,eAAe;GACb,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,MAAM;IAAQ,QAAQ;GAAS;GAC3C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,gBAAgB;IAAE,MAAM;IAAU,QAAQ;GAAa;GACvD,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;GAC5B,QAAQ;IAAE,MAAM;IAAM,QAAQ;GAAI;GAClC,OAAO;IAAE,MAAM;IAAQ,QAAQ;GAAO;EACxC;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,WAAW;IAAE,MAAM;IAAmB,QAAQ;GAAkB;GAChE,YAAY;GACZ,QAAQ,EACN,gBAAgB,YAClB;EACF;CACF;CACA,UAAU;EACR,cAAc;GACZ,MAAM;IACJ,MAAM,EACJ,YAAY,uBACd;IACA,QAAQ,EACN,YAAY,sBACd;GACF;GACA,OAAO;IACL,MAAM,EACJ,YAAY,qBACd;IACA,QAAQ,EACN,YAAY,uBACd;GACF;EACF;EACA,MAAM;GACJ,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;GACA,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;EACF;EACA,SAAS;GACP,SAAS;IACP,MAAM;KACJ,kBAAkB;MAAE,MAAM;MAAM,QAAQ,IAAI,EAAE;KAAE;KAChD,UAAU,EAAE,QAAQ,WAAW;IACjC;IACA,WAAW;KACT,kBAAkB,EAAE,QAAQ,MAAM;KAClC,UAAU,EAAE,QAAQ,WAAW;KAC/B,KAAK,EAAE,QAAQ,MAAM;KACrB,WAAW,EAAE,QAAQ,wBAAwB;IAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KACxE,kBAAkB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KAC1E,cAAc;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC1C;GACF;GACA,QAAQ;IACN,MAAM,EACJ,kBAAkB;KAAE,MAAM;KAAM,QAAQ;IAAK,EAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KACxE,iBAAiB;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC7C;GACF;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/theme/slot-recipes/Ribbon.recipe.d.ts CHANGED Viewed

@@ -1,2 +1,40 @@
-declare const ribbonSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "textBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "textBlock">>;
+declare const ribbonSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "textBlock", {
+    colorVariant: {
+        blue: {
+            root: {
+                background: "color/blue/subtle";
+                borderColor: "color/blue/muted";
+                color: "color/blue/strong";
+            };
+        };
+        green: {
+            root: {
+                background: "color/green/subtle";
+                borderColor: "color/green/muted";
+                color: "color/green/strong";
+            };
+        };
+        yellow: {
+            root: {
+                background: "color/yellow/subtle";
+                borderColor: "color/yellow/muted";
+                color: "color/yellow/strong";
+            };
+        };
+        red: {
+            root: {
+                background: "color/red/subtle";
+                borderColor: "color/red/muted";
+                color: "color/red/strong";
+            };
+        };
+        purple: {
+            root: {
+                background: "color/purple/subtle";
+                borderColor: "color/purple/muted";
+                color: "color/purple/strong";
+            };
+        };
+    };
+}>;
 export default ribbonSlotRecipe;

package/dist/theme/slot-recipes/Ribbon.recipe.js CHANGED Viewed

@@ -10,12 +10,8 @@ var ribbonSlotRecipe = defineSlotRecipe({
 	base: {
 		root: {
 			alignItems: "center",
-			background: "colorPalette.subtle",
-			borderColor: "colorPalette.muted",
 			borderBlockStyle: "solid",
 			borderBlockWidth: "1px",
-			color: "colorPalette.strong",
-			colorPalette: "blue",
 			display: "flex",
 			paddingBlock: "12",
 			paddingInline: "24",
@@ -37,7 +33,35 @@ var ribbonSlotRecipe = defineSlotRecipe({
 			minWidth: 0,
 			textStyle: "body/md/regular"
 		}
-	}
+	},
+	variants: { colorVariant: {
+		blue: { root: {
+			background: "color/blue/subtle",
+			borderColor: "color/blue/muted",
+			color: "color/blue/strong"
+		} },
+		green: { root: {
+			background: "color/green/subtle",
+			borderColor: "color/green/muted",
+			color: "color/green/strong"
+		} },
+		yellow: { root: {
+			background: "color/yellow/subtle",
+			borderColor: "color/yellow/muted",
+			color: "color/yellow/strong"
+		} },
+		red: { root: {
+			background: "color/red/subtle",
+			borderColor: "color/red/muted",
+			color: "color/red/strong"
+		} },
+		purple: { root: {
+			background: "color/purple/subtle",
+			borderColor: "color/purple/muted",
+			color: "color/purple/strong"
+		} }
+	} },
+	defaultVariants: { colorVariant: "blue" }
 });
 //#endregion
 export { ribbonSlotRecipe as default };

package/dist/theme/slot-recipes/Ribbon.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Ribbon.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Ribbon.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst ribbonSlotRecipe = defineSlotRecipe({\n className: 'ribbon',\n slots: ['root', 'content', 'textBlock'],\n base: {\n root: {\n alignItems: 'center',\n ~~background: 'colorPalette.subtle',\n borderColor: 'colorPalette.muted',\n~~ borderBlockStyle: 'solid',\n borderBlockWidth: '1px',\n ~~color: 'colorPalette.strong',\n colorPalette: 'blue',\n~~ display: 'flex',\n paddingBlock: '12',\n paddingInline: '24',\n width: 'full',\n },\n content: {\n alignItems: 'center',\n display: 'flex',\n flex: '1 0 0',\n gap: '16',\n justifyContent: 'center',\n minHeight: '32',\n minWidth: 0,\n },\n textBlock: {\n alignItems: 'baseline',\n display: 'flex',\n gap: '4',\n minWidth: 0,\n textStyle: 'body/md/regular',\n },\n },\n});\n\nexport default ribbonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;CAAW;CACtC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,~~YAAY;GACZ,aAAa;GACb,~~kBAAkB;GAClB,kBAAkB;GAClB,~~OAAO;GACP,cAAc;GACd,~~SAAS;GACT,cAAc;GACd,eAAe;GACf,OAAO;EACT;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,gBAAgB;GAChB,WAAW;GACX,UAAU;EACZ;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,WAAW;EACb;CACF;AACF,CAAC"}
1	+ {"version":3,"file":"Ribbon.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Ribbon.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst ribbonSlotRecipe = defineSlotRecipe({\n className: 'ribbon',\n slots: ['root', 'content', 'textBlock'],\n base: {\n root: {\n alignItems: 'center',\n borderBlockStyle: 'solid',\n borderBlockWidth: '1px',\n display: 'flex',\n paddingBlock: '12',\n paddingInline: '24',\n width: 'full',\n },\n content: {\n alignItems: 'center',\n display: 'flex',\n flex: '1 0 0',\n gap: '16',\n justifyContent: 'center',\n minHeight: '32',\n minWidth: 0,\n },\n textBlock: {\n alignItems: 'baseline',\n display: 'flex',\n gap: '4',\n minWidth: 0,\n textStyle: 'body/md/regular',\n },\n },\n variants: {\n colorVariant: {\n blue: { root: { background: 'color/blue/subtle', borderColor: 'color/blue/muted', color: 'color/blue/strong' } },\n green: {\n root: { background: 'color/green/subtle', borderColor: 'color/green/muted', color: 'color/green/strong' },\n },\n yellow: {\n root: { background: 'color/yellow/subtle', borderColor: 'color/yellow/muted', color: 'color/yellow/strong' },\n },\n red: { root: { background: 'color/red/subtle', borderColor: 'color/red/muted', color: 'color/red/strong' } },\n purple: {\n root: { background: 'color/purple/subtle', borderColor: 'color/purple/muted', color: 'color/purple/strong' },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'blue',\n },\n});\n\nexport default ribbonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;CAAW;CACtC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,kBAAkB;GAClB,kBAAkB;GAClB,SAAS;GACT,cAAc;GACd,eAAe;GACf,OAAO;EACT;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,gBAAgB;GAChB,WAAW;GACX,UAAU;EACZ;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,WAAW;EACb;CACF;CACA,UAAU,EACR,cAAc;EACZ,MAAM,EAAE,MAAM;GAAE,YAAY;GAAqB,aAAa;GAAoB,OAAO;EAAoB,EAAE;EAC/G,OAAO,EACL,MAAM;GAAE,YAAY;GAAsB,aAAa;GAAqB,OAAO;EAAqB,EAC1G;EACA,QAAQ,EACN,MAAM;GAAE,YAAY;GAAuB,aAAa;GAAsB,OAAO;EAAsB,EAC7G;EACA,KAAK,EAAE,MAAM;GAAE,YAAY;GAAoB,aAAa;GAAmB,OAAO;EAAmB,EAAE;EAC3G,QAAQ,EACN,MAAM;GAAE,YAAY;GAAuB,aAAa;GAAsB,OAAO;EAAsB,EAC7G;CACF,EACF;CACA,iBAAiB,EACf,cAAc,OAChB;AACF,CAAC"}

package/dist/theme/slot-recipes/Tabs.recipe.d.ts CHANGED Viewed

@@ -37,7 +37,7 @@ declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"c
                     backgroundColor: "background/active";
                 };
                 _disabled: {
-                    backgroundColor: "sys/neutral/moderate";
+                    backgroundColor: "color/neutral/moderate";
                     color: "text/on-disabled";
                 };
                 _selected: {

package/dist/theme/slot-recipes/Tabs.recipe.js CHANGED Viewed

@@ -57,7 +57,7 @@ var tabsSlotRecipe = defineSlotRecipe({
 			borderBlockStart: "2px solid transparent",
 			_hover: { backgroundColor: "background/active" },
 			_disabled: {
-				backgroundColor: "sys/neutral/moderate",
+				backgroundColor: "color/neutral/moderate",
 				color: "text/on-disabled"
 			},
 			_selected: {

package/dist/theme/slot-recipes/Tabs.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tabs.recipe.ts"],"sourcesContent":["import { tabsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tabsSlotRecipe = defineSlotRecipe({\n slots: tabsAnatomy.keys(),\n className: 'chakra-tabs',\n base: {\n list: {\n display: 'flex',\n },\n trigger: {\n '--focus-ring-width': rem(2),\n cursor: 'pointer',\n textStyle: 'body/lg/semibold',\n paddingInline: '16',\n position: 'relative',\n textAlign: 'left',\n zIndex: 0,\n _disabled: {\n cursor: 'not-allowed',\n },\n _selected: {\n zIndex: 1,\n borderColor: 'border/selected',\n _hover: {\n borderColor: 'border/selected',\n },\n '& > svg': {\n color: 'icon/interactive',\n },\n },\n },\n content: {\n outline: 'none',\n },\n contentGroup: {\n backgroundColor: 'background/primary',\n },\n },\n\n variants: {\n variant: {\n line: {\n list: {\n borderBlockEnd: '1px solid',\n borderColor: 'border/regular',\n },\n trigger: {\n bottom: '-1px',\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n color: 'text/secondary',\n paddingBlockStart: '12',\n paddingBlockEnd: rem(9),\n borderBlockEnd: '2px solid transparent',\n _selected: {\n color: 'text/primary',\n },\n _hover: {\n borderColor: 'border/hover',\n color: 'text/primary',\n },\n _disabled: {\n color: 'text/disabled',\n },\n },\n },\n contained: {\n trigger: {\n paddingBlockStart: rem(10),\n paddingBlockEnd: '12',\n backgroundColor: 'background/tertiary',\n color: 'text/secondary',\n borderBlockStart: '2px solid transparent',\n _hover: {\n backgroundColor: 'background/active',\n },\n _disabled: {\n backgroundColor: '~~sys~~/neutral/moderate',\n color: 'text/on-disabled',\n },\n _selected: {\n backgroundColor: 'background/primary',\n color: 'text/selected',\n _hover: {\n backgroundColor: 'background/primary',\n },\n },\n },\n },\n },\n },\n\n defaultVariants: {\n variant: 'line',\n },\n});\n\nexport default tabsSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,iBAAiB,iBAAiB;CACtC,OAAO,YAAY,KAAK;CACxB,WAAW;CACX,MAAM;EACJ,MAAM,EACJ,SAAS,OACX;EACA,SAAS;GACP,sBAAsB,IAAI,CAAC;GAC3B,QAAQ;GACR,WAAW;GACX,eAAe;GACf,UAAU;GACV,WAAW;GACX,QAAQ;GACR,WAAW,EACT,QAAQ,cACV;GACA,WAAW;IACT,QAAQ;IACR,aAAa;IACb,QAAQ,EACN,aAAa,kBACf;IACA,WAAW,EACT,OAAO,mBACT;GACF;EACF;EACA,SAAS,EACP,SAAS,OACX;EACA,cAAc,EACZ,iBAAiB,qBACnB;CACF;CAEA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,MAAM;IACJ,gBAAgB;IAChB,aAAa;GACf;GACA,SAAS;IACP,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,KAAK;IACL,OAAO;IACP,mBAAmB;IACnB,iBAAiB,IAAI,CAAC;IACtB,gBAAgB;IAChB,WAAW,EACT,OAAO,eACT;IACA,QAAQ;KACN,aAAa;KACb,OAAO;IACT;IACA,WAAW,EACT,OAAO,gBACT;GACF;EACF;EACA,WAAW,EACT,SAAS;GACP,mBAAmB,IAAI,EAAE;GACzB,iBAAiB;GACjB,iBAAiB;GACjB,OAAO;GACP,kBAAkB;GAClB,QAAQ,EACN,iBAAiB,oBACnB;GACA,WAAW;IACT,iBAAiB;IACjB,OAAO;GACT;GACA,WAAW;IACT,iBAAiB;IACjB,OAAO;IACP,QAAQ,EACN,iBAAiB,qBACnB;GACF;EACF,EACF;CACF,EACF;CAEA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC"}
1	+ {"version":3,"file":"Tabs.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tabs.recipe.ts"],"sourcesContent":["import { tabsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tabsSlotRecipe = defineSlotRecipe({\n slots: tabsAnatomy.keys(),\n className: 'chakra-tabs',\n base: {\n list: {\n display: 'flex',\n },\n trigger: {\n '--focus-ring-width': rem(2),\n cursor: 'pointer',\n textStyle: 'body/lg/semibold',\n paddingInline: '16',\n position: 'relative',\n textAlign: 'left',\n zIndex: 0,\n _disabled: {\n cursor: 'not-allowed',\n },\n _selected: {\n zIndex: 1,\n borderColor: 'border/selected',\n _hover: {\n borderColor: 'border/selected',\n },\n '& > svg': {\n color: 'icon/interactive',\n },\n },\n },\n content: {\n outline: 'none',\n },\n contentGroup: {\n backgroundColor: 'background/primary',\n },\n },\n\n variants: {\n variant: {\n line: {\n list: {\n borderBlockEnd: '1px solid',\n borderColor: 'border/regular',\n },\n trigger: {\n bottom: '-1px',\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n color: 'text/secondary',\n paddingBlockStart: '12',\n paddingBlockEnd: rem(9),\n borderBlockEnd: '2px solid transparent',\n _selected: {\n color: 'text/primary',\n },\n _hover: {\n borderColor: 'border/hover',\n color: 'text/primary',\n },\n _disabled: {\n color: 'text/disabled',\n },\n },\n },\n contained: {\n trigger: {\n paddingBlockStart: rem(10),\n paddingBlockEnd: '12',\n backgroundColor: 'background/tertiary',\n color: 'text/secondary',\n borderBlockStart: '2px solid transparent',\n _hover: {\n backgroundColor: 'background/active',\n },\n _disabled: {\n backgroundColor: 'color/neutral/moderate',\n color: 'text/on-disabled',\n },\n _selected: {\n backgroundColor: 'background/primary',\n color: 'text/selected',\n _hover: {\n backgroundColor: 'background/primary',\n },\n },\n },\n },\n },\n },\n\n defaultVariants: {\n variant: 'line',\n },\n});\n\nexport default tabsSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,iBAAiB,iBAAiB;CACtC,OAAO,YAAY,KAAK;CACxB,WAAW;CACX,MAAM;EACJ,MAAM,EACJ,SAAS,OACX;EACA,SAAS;GACP,sBAAsB,IAAI,CAAC;GAC3B,QAAQ;GACR,WAAW;GACX,eAAe;GACf,UAAU;GACV,WAAW;GACX,QAAQ;GACR,WAAW,EACT,QAAQ,cACV;GACA,WAAW;IACT,QAAQ;IACR,aAAa;IACb,QAAQ,EACN,aAAa,kBACf;IACA,WAAW,EACT,OAAO,mBACT;GACF;EACF;EACA,SAAS,EACP,SAAS,OACX;EACA,cAAc,EACZ,iBAAiB,qBACnB;CACF;CAEA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,MAAM;IACJ,gBAAgB;IAChB,aAAa;GACf;GACA,SAAS;IACP,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,KAAK;IACL,OAAO;IACP,mBAAmB;IACnB,iBAAiB,IAAI,CAAC;IACtB,gBAAgB;IAChB,WAAW,EACT,OAAO,eACT;IACA,QAAQ;KACN,aAAa;KACb,OAAO;IACT;IACA,WAAW,EACT,OAAO,gBACT;GACF;EACF;EACA,WAAW,EACT,SAAS;GACP,mBAAmB,IAAI,EAAE;GACzB,iBAAiB;GACjB,iBAAiB;GACjB,OAAO;GACP,kBAAkB;GAClB,QAAQ,EACN,iBAAiB,oBACnB;GACA,WAAW;IACT,iBAAiB;IACjB,OAAO;GACT;GACA,WAAW;IACT,iBAAiB;IACjB,OAAO;IACP,QAAQ,EACN,iBAAiB,qBACnB;GACF;EACF,EACF;CACF,EACF;CAEA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC"}

package/dist/theme/slot-recipes/Tag.recipe.d.ts CHANGED Viewed

@@ -1,4 +1,48 @@
 declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
+    colorVariant: {
+        neutral: {
+            root: {
+                backgroundColor: "color/neutral/subtle";
+                borderColor: "color/neutral/muted";
+                color: "color/neutral/strong";
+            };
+        };
+        blue: {
+            root: {
+                backgroundColor: "color/blue/subtle";
+                borderColor: "color/blue/muted";
+                color: "color/blue/strong";
+            };
+        };
+        green: {
+            root: {
+                backgroundColor: "color/green/subtle";
+                borderColor: "color/green/muted";
+                color: "color/green/strong";
+            };
+        };
+        red: {
+            root: {
+                backgroundColor: "color/red/subtle";
+                borderColor: "color/red/muted";
+                color: "color/red/strong";
+            };
+        };
+        yellow: {
+            root: {
+                backgroundColor: "color/yellow/subtle";
+                borderColor: "color/yellow/muted";
+                color: "color/yellow/strong";
+            };
+        };
+        purple: {
+            root: {
+                backgroundColor: "color/purple/subtle";
+                borderColor: "color/purple/muted";
+                color: "color/purple/strong";
+            };
+        };
+    };
     disabled: {
         true: {
             root: {

package/dist/theme/slot-recipes/Tag.recipe.js CHANGED Viewed

@@ -6,22 +6,50 @@ var tagSlotRecipe = defineSlotRecipe({
 	className: "tag",
 	slots: tagAnatomy.keys(),
 	base: { root: {
-		colorPalette: "neutral",
-		backgroundColor: "colorPalette.subtle",
 		borderRadius: "4",
 		border: "1px solid",
-		borderColor: "colorPalette.muted",
 		display: "inline-flex",
 		alignItems: "center",
-		overflow: "hidden",
-		color: "colorPalette.strong"
+		overflow: "hidden"
 	} },
 	compoundVariants: [{
-		colorPalette: "neutral",
+		colorVariant: "neutral",
 		disabled: false,
 		css: { root: { color: "text/primary" } }
 	}],
 	variants: {
+		colorVariant: {
+			neutral: { root: {
+				backgroundColor: "color/neutral/subtle",
+				borderColor: "color/neutral/muted",
+				color: "color/neutral/strong"
+			} },
+			blue: { root: {
+				backgroundColor: "color/blue/subtle",
+				borderColor: "color/blue/muted",
+				color: "color/blue/strong"
+			} },
+			green: { root: {
+				backgroundColor: "color/green/subtle",
+				borderColor: "color/green/muted",
+				color: "color/green/strong"
+			} },
+			red: { root: {
+				backgroundColor: "color/red/subtle",
+				borderColor: "color/red/muted",
+				color: "color/red/strong"
+			} },
+			yellow: { root: {
+				backgroundColor: "color/yellow/subtle",
+				borderColor: "color/yellow/muted",
+				color: "color/yellow/strong"
+			} },
+			purple: { root: {
+				backgroundColor: "color/purple/subtle",
+				borderColor: "color/purple/muted",
+				color: "color/purple/strong"
+			} }
+		},
 		disabled: {
 			true: { root: {
 				backgroundColor: "background/disabled",
@@ -60,7 +88,10 @@ var tagSlotRecipe = defineSlotRecipe({
 			}
 		}
 	},
-	defaultVariants: { size: "md" }
+	defaultVariants: {
+		colorVariant: "neutral",
+		size: "md"
+	}
 });
 //#endregion
 export { tagSlotRecipe as default };

package/dist/theme/slot-recipes/Tag.recipe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tag.recipe.ts"],"sourcesContent":["import { tagAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tagSlotRecipe = defineSlotRecipe({\n className: 'tag',\n slots: tagAnatomy.keys(),\n base: {\n root: {\n ~~colorPalette: 'neutral',\n backgroundColor: 'colorPalette.subtle',\n~~ borderRadius: '4',\n border: '1px solid',\n ~~borderColor: 'colorPalette.muted',\n~~ display: 'inline-flex',\n alignItems: 'center',\n overflow: 'hidden',\n ~~color: 'colorPalette.strong',\n~~ },\n },\n compoundVariants: [\n {\n ~~colorPalette~~: 'neutral',\n disabled: false,\n css: {\n root: {\n color: 'text/primary',\n },\n },\n },\n ],\n variants: {\n disabled: {\n true: {\n root: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n },\n },\n false: {},\n },\n size: {\n sm: {\n root: {\n height: '24',\n paddingInline: '4',\n '&:has(button)': {\n paddingInlineEnd: '1',\n },\n },\n label: {\n paddingInline: '4',\n textStyle: 'comp/tag/sm',\n },\n endElement: {\n width: '20',\n height: '20',\n },\n },\n md: {\n root: {\n height: '32',\n paddingInline: '6',\n '&:has(button)': {\n paddingInlineEnd: rem(3),\n },\n },\n startElement: {\n marginInlineEnd: '-2px',\n },\n label: {\n paddingInline: '6',\n textStyle: 'comp/tag/md',\n },\n },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default tagSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,iBAAiB;CACrC,WAAW;CACX,OAAO,WAAW,KAAK;CACvB,MAAM,EACJ,MAAM;EACJ,cAAc;EACd,~~iBAAiB;EACjB,cAAc;EACd,~~QAAQ;EACR,~~aAAa;EACb,~~SAAS;EACT,YAAY;EACZ,UAAU;~~EACV~~,~~OAAO;CACT,~~EACF;CACA,kBAAkB,CAChB;EACE,cAAc;EACd,UAAU;EACV,KAAK,EACH,MAAM,EACJ,OAAO,eACT,EACF;CACF,CACF;CACA,UAAU;EACR,UAAU;GACR,MAAM,EACJ,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;GACA,OAAO,CAAC;EACV;EACA,MAAM;GACJ,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IACpB;IACF;IACA,OAAO;KACL,eAAe;KACf,WAAW;IACb;IACA,YAAY;KACV,OAAO;KACP,QAAQ;IACV;GACF;GACA,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IAAI,CAAC,EACzB;IACF;IACA,cAAc,EACZ,iBAAiB,OACnB;IACA,OAAO;KACL,eAAe;KACf,WAAW;IACb;GACF;EACF;CACF;CACA,iBAAiB,EACf,MAAM~~,KACR~~;AACF,CAAC"}
1	+ {"version":3,"file":"Tag.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tag.recipe.ts"],"sourcesContent":["import { tagAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tagSlotRecipe = defineSlotRecipe({\n className: 'tag',\n slots: tagAnatomy.keys(),\n base: {\n root: {\n borderRadius: '4',\n border: '1px solid',\n display: 'inline-flex',\n alignItems: 'center',\n overflow: 'hidden',\n },\n },\n compoundVariants: [\n {\n colorVariant: 'neutral',\n disabled: false,\n css: {\n root: {\n color: 'text/primary',\n },\n },\n },\n ],\n variants: {\n colorVariant: {\n neutral: {\n root: {\n backgroundColor: 'color/neutral/subtle',\n borderColor: 'color/neutral/muted',\n color: 'color/neutral/strong',\n },\n },\n blue: {\n root: { backgroundColor: 'color/blue/subtle', borderColor: 'color/blue/muted', color: 'color/blue/strong' },\n },\n green: {\n root: { backgroundColor: 'color/green/subtle', borderColor: 'color/green/muted', color: 'color/green/strong' },\n },\n red: { root: { backgroundColor: 'color/red/subtle', borderColor: 'color/red/muted', color: 'color/red/strong' } },\n yellow: {\n root: {\n backgroundColor: 'color/yellow/subtle',\n borderColor: 'color/yellow/muted',\n color: 'color/yellow/strong',\n },\n },\n purple: {\n root: {\n backgroundColor: 'color/purple/subtle',\n borderColor: 'color/purple/muted',\n color: 'color/purple/strong',\n },\n },\n },\n disabled: {\n true: {\n root: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n },\n },\n false: {},\n },\n size: {\n sm: {\n root: {\n height: '24',\n paddingInline: '4',\n '&:has(button)': {\n paddingInlineEnd: '1',\n },\n },\n label: {\n paddingInline: '4',\n textStyle: 'comp/tag/sm',\n },\n endElement: {\n width: '20',\n height: '20',\n },\n },\n md: {\n root: {\n height: '32',\n paddingInline: '6',\n '&:has(button)': {\n paddingInlineEnd: rem(3),\n },\n },\n startElement: {\n marginInlineEnd: '-2px',\n },\n label: {\n paddingInline: '6',\n textStyle: 'comp/tag/md',\n },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'neutral',\n size: 'md',\n },\n});\n\nexport default tagSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,iBAAiB;CACrC,WAAW;CACX,OAAO,WAAW,KAAK;CACvB,MAAM,EACJ,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,UAAU;CACZ,EACF;CACA,kBAAkB,CAChB;EACE,cAAc;EACd,UAAU;EACV,KAAK,EACH,MAAM,EACJ,OAAO,eACT,EACF;CACF,CACF;CACA,UAAU;EACR,cAAc;GACZ,SAAS,EACP,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;GACA,MAAM,EACJ,MAAM;IAAE,iBAAiB;IAAqB,aAAa;IAAoB,OAAO;GAAoB,EAC5G;GACA,OAAO,EACL,MAAM;IAAE,iBAAiB;IAAsB,aAAa;IAAqB,OAAO;GAAqB,EAC/G;GACA,KAAK,EAAE,MAAM;IAAE,iBAAiB;IAAoB,aAAa;IAAmB,OAAO;GAAmB,EAAE;GAChH,QAAQ,EACN,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;GACA,QAAQ,EACN,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;EACF;EACA,UAAU;GACR,MAAM,EACJ,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;GACA,OAAO,CAAC;EACV;EACA,MAAM;GACJ,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IACpB;IACF;IACA,OAAO;KACL,eAAe;KACf,WAAW;IACb;IACA,YAAY;KACV,OAAO;KACP,QAAQ;IACV;GACF;GACA,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IAAI,CAAC,EACzB;IACF;IACA,cAAc,EACZ,iBAAiB,OACnB;IACA,OAAO;KACL,eAAe;KACf,WAAW;IACb;GACF;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;CACR;AACF,CAAC"}

package/dist/theme/slot-recipes/TagsInput.recipe.js CHANGED Viewed

@@ -79,8 +79,8 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 		},
 		itemPreview: {
 			alignItems: "center",
-			background: "sys/neutral/subtle",
-			borderColor: "sys/neutral/muted",
+			background: "color/neutral/subtle",
+			borderColor: "color/neutral/muted",
 			borderRadius: "4",
 			borderStyle: "solid",
 			borderWidth: rem(1),
@@ -94,7 +94,7 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 			paddingInlineEnd: "1",
 			paddingInlineStart: "8",
 			textStyle: "comp/tag/sm",
-			_highlighted: { background: "sys/neutral/moderate" },
+			_highlighted: { background: "color/neutral/moderate" },
 			_disabled: {
 				background: "background/disabled",
 				borderColor: "border/disabled",
@@ -123,7 +123,7 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 			height: "20",
 			justifyContent: "center",
 			width: "20",
-			_hover: { background: "sys/neutral/moderate" },
+			_hover: { background: "color/neutral/moderate" },
 			_disabled: {
 				cursor: "not-allowed",
 				opacity: "0.5"
@@ -137,7 +137,7 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 			display: "flex",
 			justifyContent: "center",
 			padding: "4",
-			_hover: { background: "sys/neutral/moderate" },
+			_hover: { background: "color/neutral/moderate" },
 			_disabled: {
 				cursor: "not-allowed",
 				opacity: "0.5"