npm - @bitrise/bitkit-v2 - Versions diffs - 0.3.196 → 0.3.198 - Mend

@bitrise/bitkit-v2 0.3.196 → 0.3.198

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

package/dist/theme/slot-recipes/Drawer.recipe.js ADDED Viewed

@@ -0,0 +1,136 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { drawerAnatomy } from "@chakra-ui/react/anatomy";
+//#region lib/theme/slot-recipes/Drawer.recipe.ts
+var drawerSlotRecipe = defineSlotRecipe({
+	className: "drawer",
+	slots: drawerAnatomy.keys(),
+	base: {
+		backdrop: {
+			background: "utilities/overlay-light",
+			inset: 0,
+			position: "fixed",
+			zIndex: "dialogOverlay",
+			_open: {
+				animationName: "fade-in",
+				animationDuration: "slow"
+			},
+			_closed: {
+				animationName: "fade-out",
+				animationDuration: "moderate"
+			}
+		},
+		positioner: {
+			alignItems: "stretch",
+			display: "flex",
+			inset: 0,
+			justifyContent: "flex-end",
+			overscrollBehaviorY: "none",
+			position: "fixed",
+			zIndex: "dialog"
+		},
+		content: {
+			background: "background/primary",
+			display: "flex",
+			flexDirection: "column",
+			maxHeight: "100dvh",
+			outline: "none",
+			position: "relative",
+			_open: {
+				animationDuration: "slowest",
+				animationName: {
+					base: "slide-from-right-full, fade-in",
+					_rtl: "slide-from-left-full, fade-in"
+				},
+				animationTimingFunction: "ease-in-smooth"
+			},
+			_closed: {
+				animationDuration: "slower",
+				animationName: {
+					base: "slide-to-right-full, fade-out",
+					_rtl: "slide-to-left-full, fade-out"
+				},
+				animationTimingFunction: "ease-in-smooth"
+			}
+		},
+		header: {
+			paddingBlockEnd: "8",
+			paddingBlockStart: "24",
+			paddingInline: "24"
+		},
+		body: {
+			flex: "1",
+			overflow: "auto"
+		},
+		footer: {
+			borderBlockStartColor: "border/regular",
+			borderBlockStartWidth: "1px",
+			paddingBlock: "12"
+		},
+		title: {
+			color: "text/tertiary",
+			flex: "1",
+			textStyle: "heading/h6"
+		},
+		description: {},
+		closeTrigger: {
+			alignItems: "center",
+			borderRadius: "4",
+			color: "icon/primary",
+			cursor: "pointer",
+			display: "inline-flex",
+			height: "40",
+			justifyContent: "center",
+			position: "absolute",
+			width: "40",
+			_hover: { backgroundColor: "neutral.subtle" },
+			_active: { backgroundColor: "neutral.moderate" }
+		}
+	},
+	variants: { variant: {
+		docked: {
+			closeTrigger: {
+				insetEnd: rem(18),
+				top: "12"
+			},
+			content: { width: {
+				base: "100vw",
+				tablet: rem(320)
+			} }
+		},
+		floating: {
+			body: { paddingInline: "24" },
+			closeTrigger: {
+				insetEnd: "24",
+				top: "24"
+			},
+			positioner: { padding: "32" },
+			content: {
+				borderRadius: "12",
+				boxShadow: "elevation/lg",
+				maxWidth: rem(700)
+			},
+			header: {
+				paddingBlockEnd: "16",
+				paddingBlockStart: "24",
+				paddingInline: "24"
+			},
+			footer: {
+				borderBlockStartColor: "transparent",
+				borderBlockStartWidth: "0",
+				paddingBlockEnd: "24",
+				paddingBlockStart: "32",
+				paddingInline: "24"
+			},
+			title: {
+				color: "text/primary",
+				textStyle: "comp/dialog/title"
+			}
+		}
+	} },
+	defaultVariants: { variant: "docked" }
+});
+//#endregion
+export { drawerSlotRecipe as default };
+//# sourceMappingURL=Drawer.recipe.js.map

package/dist/theme/slot-recipes/Drawer.recipe.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Drawer.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Drawer.recipe.ts"],"sourcesContent":["import { drawerAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst drawerSlotRecipe = defineSlotRecipe({\n className: 'drawer',\n slots: drawerAnatomy.keys(),\n base: {\n backdrop: {\n background: 'utilities/overlay-light',\n inset: 0,\n position: 'fixed',\n zIndex: 'dialogOverlay',\n _open: {\n animationName: 'fade-in',\n animationDuration: 'slow',\n },\n _closed: {\n animationName: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: 'stretch',\n display: 'flex',\n inset: 0,\n justifyContent: 'flex-end',\n overscrollBehaviorY: 'none',\n position: 'fixed',\n zIndex: 'dialog',\n },\n content: {\n background: 'background/primary',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: '100dvh',\n outline: 'none',\n position: 'relative',\n _open: {\n animationDuration: 'slowest',\n animationName: {\n base: 'slide-from-right-full, fade-in',\n _rtl: 'slide-from-left-full, fade-in',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n _closed: {\n animationDuration: 'slower',\n animationName: {\n base: 'slide-to-right-full, fade-out',\n _rtl: 'slide-to-left-full, fade-out',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n },\n header: {\n paddingBlockEnd: '8',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n body: {\n flex: '1',\n overflow: 'auto',\n },\n footer: {\n borderBlockStartColor: 'border/regular',\n borderBlockStartWidth: '1px',\n paddingBlock: '12',\n },\n title: {\n color: 'text/tertiary',\n flex: '1',\n textStyle: 'heading/h6',\n },\n description: {},\n closeTrigger: {\n alignItems: 'center',\n borderRadius: '4',\n color: 'icon/primary',\n cursor: 'pointer',\n display: 'inline-flex',\n height: '40',\n justifyContent: 'center',\n position: 'absolute',\n width: '40',\n _hover: {\n backgroundColor: 'neutral.subtle',\n },\n _active: {\n backgroundColor: 'neutral.moderate',\n },\n },\n },\n variants: {\n variant: {\n docked: {\n closeTrigger: {\n insetEnd: rem(18),\n top: '12',\n },\n content: {\n width: { base: '100vw', tablet: rem(320) },\n },\n },\n floating: {\n body: {\n paddingInline: '24',\n },\n closeTrigger: {\n insetEnd: '24',\n top: '24',\n },\n positioner: {\n padding: '32',\n },\n content: {\n borderRadius: '12',\n boxShadow: 'elevation/lg',\n maxWidth: rem(700),\n },\n header: {\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n footer: {\n borderBlockStartColor: 'transparent',\n borderBlockStartWidth: '0',\n paddingBlockEnd: '24',\n paddingBlockStart: '32',\n paddingInline: '24',\n },\n title: {\n color: 'text/primary',\n textStyle: 'comp/dialog/title',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'docked',\n },\n});\n\nexport default drawerSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO,cAAc,MAAM;CAC3B,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,OAAO;GACP,UAAU;GACV,QAAQ;GACR,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GACD,SAAS;IACP,eAAe;IACf,mBAAmB;IACpB;GACF;EACD,YAAY;GACV,YAAY;GACZ,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,UAAU;GACV,QAAQ;GACT;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,OAAO;IACL,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;KACP;IACD,yBAAyB;IAC1B;GACD,SAAS;IACP,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;KACP;IACD,yBAAyB;IAC1B;GACF;EACD,QAAQ;GACN,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GAChB;EACD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EACD,QAAQ;GACN,uBAAuB;GACvB,uBAAuB;GACvB,cAAc;GACf;EACD,OAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;GACZ;EACD,aAAa,EAAE;EACf,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,iBAAiB,kBAClB;GACD,SAAS,EACP,iBAAiB,oBAClB;GACF;EACF;CACD,UAAU,EACR,SAAS;EACP,QAAQ;GACN,cAAc;IACZ,UAAU,IAAI,GAAG;IACjB,KAAK;IACN;GACD,SAAS,EACP,OAAO;IAAE,MAAM;IAAS,QAAQ,IAAI,IAAI;IAAE,EAC3C;GACF;EACD,UAAU;GACR,MAAM,EACJ,eAAe,MAChB;GACD,cAAc;IACZ,UAAU;IACV,KAAK;IACN;GACD,YAAY,EACV,SAAS,MACV;GACD,SAAS;IACP,cAAc;IACd,WAAW;IACX,UAAU,IAAI,IAAI;IACnB;GACD,QAAQ;IACN,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IAChB;GACD,QAAQ;IACN,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IAChB;GACD,OAAO;IACL,OAAO;IACP,WAAW;IACZ;GACF;EACF,EACF;CACD,iBAAiB,EACf,SAAS,UACV;CACF,CAAC"}

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

@@ -34,7 +34,7 @@ var nativeSelectSlotRecipe = defineSlotRecipe({
 		statusIcon: {
 			position: "absolute",
 			top: "50%",
-			right: rem(48),
+			right: "48",
 			transform: "translateY(-50%)",
 			pointerEvents: "none"
 		},

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NativeSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NativeSelect.recipe.ts"],"sourcesContent":["import { nativeSelectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst nativeSelectSlotRecipe = defineSlotRecipe({\n className: 'native-select',\n slots: [...nativeSelectAnatomy.keys(), 'statusIcon'],\n base: {\n root: {\n position: 'relative',\n },\n field: {\n width: '100%',\n minWidth: 0,\n appearance: 'none',\n borderRadius: '4',\n borderWidth: rem(1),\n borderColor: 'border/strong',\n background: 'background/primary',\n transition: '200ms',\n color: 'input/text/inputValue',\n _hover: {\n borderColor: 'border/hover',\n _invalid: {\n borderColor: 'border/error',\n },\n },\n _invalid: {\n borderColor: 'border/error',\n },\n _disabled: {\n _hover: {\n borderColor: 'border/disabled',\n },\n _placeholder: {\n color: 'text/disabled',\n },\n color: 'text/disabled',\n background: 'background/disabled',\n cursor: 'not-allowed',\n },\n _placeholderShown: {\n color: 'input/text/placeholder',\n },\n },\n statusIcon: {\n position: 'absolute',\n top: '50%',\n right: ~~rem(~~48),\n transform: 'translateY(-50%)',\n pointerEvents: 'none',\n },\n indicator: {\n position: 'absolute',\n top: '50%',\n right: rem(15),\n transform: 'translateY(-50%)',\n },\n },\n variants: {\n size: {\n md: {\n field: { paddingInline: rem(11), paddingBlock: rem(9), textStyle: 'body/md/regular' },\n },\n lg: {\n field: { paddingInline: rem(15), paddingBlock: rem(11), textStyle: 'body/lg/regular' },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default nativeSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO,CAAC,GAAG,oBAAoB,MAAM,EAAE,aAAa;CACpD,MAAM;EACJ,MAAM,EACJ,UAAU,YACX;EACD,OAAO;GACL,OAAO;GACP,UAAU;GACV,YAAY;GACZ,cAAc;GACd,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;IACN,aAAa;IACb,UAAU,EACR,aAAa,gBACd;IACF;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW;IACT,QAAQ,EACN,aAAa,mBACd;IACD,cAAc,EACZ,OAAO,iBACR;IACD,OAAO;IACP,YAAY;IACZ,QAAQ;IACT;GACD,mBAAmB,EACjB,OAAO,0BACR;GACF;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACL,OAAO~~,IAAI,GAAG~~;~~GACd~~,WAAW;GACX,eAAe;GAChB;EACD,WAAW;GACT,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,EAAE;GAAE,WAAW;GAAmB,EACtF;EACD,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,GAAG;GAAE,WAAW;GAAmB,EACvF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
1	+ {"version":3,"file":"NativeSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NativeSelect.recipe.ts"],"sourcesContent":["import { nativeSelectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst nativeSelectSlotRecipe = defineSlotRecipe({\n className: 'native-select',\n slots: [...nativeSelectAnatomy.keys(), 'statusIcon'],\n base: {\n root: {\n position: 'relative',\n },\n field: {\n width: '100%',\n minWidth: 0,\n appearance: 'none',\n borderRadius: '4',\n borderWidth: rem(1),\n borderColor: 'border/strong',\n background: 'background/primary',\n transition: '200ms',\n color: 'input/text/inputValue',\n _hover: {\n borderColor: 'border/hover',\n _invalid: {\n borderColor: 'border/error',\n },\n },\n _invalid: {\n borderColor: 'border/error',\n },\n _disabled: {\n _hover: {\n borderColor: 'border/disabled',\n },\n _placeholder: {\n color: 'text/disabled',\n },\n color: 'text/disabled',\n background: 'background/disabled',\n cursor: 'not-allowed',\n },\n _placeholderShown: {\n color: 'input/text/placeholder',\n },\n },\n statusIcon: {\n position: 'absolute',\n top: '50%',\n right: '48',\n transform: 'translateY(-50%)',\n pointerEvents: 'none',\n },\n indicator: {\n position: 'absolute',\n top: '50%',\n right: rem(15),\n transform: 'translateY(-50%)',\n },\n },\n variants: {\n size: {\n md: {\n field: { paddingInline: rem(11), paddingBlock: rem(9), textStyle: 'body/md/regular' },\n },\n lg: {\n field: { paddingInline: rem(15), paddingBlock: rem(11), textStyle: 'body/lg/regular' },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default nativeSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO,CAAC,GAAG,oBAAoB,MAAM,EAAE,aAAa;CACpD,MAAM;EACJ,MAAM,EACJ,UAAU,YACX;EACD,OAAO;GACL,OAAO;GACP,UAAU;GACV,YAAY;GACZ,cAAc;GACd,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;IACN,aAAa;IACb,UAAU,EACR,aAAa,gBACd;IACF;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW;IACT,QAAQ,EACN,aAAa,mBACd;IACD,cAAc,EACZ,OAAO,iBACR;IACD,OAAO;IACP,YAAY;IACZ,QAAQ;IACT;GACD,mBAAmB,EACjB,OAAO,0BACR;GACF;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACL,OAAO;GACP,WAAW;GACX,eAAe;GAChB;EACD,WAAW;GACT,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,EAAE;GAAE,WAAW;GAAmB,EACtF;EACD,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,GAAG;GAAE,WAAW;GAAmB,EACvF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -55,8 +55,8 @@ var numberInputSlotRecipe = defineSlotRecipe({
 			display: "flex",
 			gap: "1",
 			position: "absolute",
-			top: "0",
-			insetEnd: "0",
+			top: 0,
+			insetEnd: 0,
 			margin: "1",
 			height: "calc(100% - 2px)",
 			zIndex: "1"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NumberInput.recipe.ts"],"sourcesContent":["import { numberInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, defineStyle } from '@chakra-ui/react/styled-system';\n\nimport inputRecipe from '../recipes/Input.recipe';\nimport { rem } from '../themeUtils';\n\nexport const triggerSeparatorStyle = defineStyle({\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n left: '-1px',\n transform: 'translateY(-50%)',\n width: '1',\n height: '24',\n backgroundColor: 'border/minimal',\n});\n\nconst triggerStyle = defineStyle({\n position: 'relative',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flex: '1',\n userSelect: 'none',\n cursor: 'pointer',\n width: 'var(--stepper-width)',\n color: 'button/secondary/fg/text',\n _disabled: {\n color: 'button/secondary/fg-disabled',\n cursor: 'not-allowed',\n },\n _hover: {\n color: 'button/secondary/fg-hover',\n backgroundColor: 'button/tertiary/bg-hover',\n },\n _active: {\n color: 'button/secondary/fg-active',\n backgroundColor: 'button/tertiary/bg-active',\n },\n});\n\nexport const numberInputSlotRecipe = defineSlotRecipe({\n className: 'number-input',\n slots: numberInputAnatomy.keys(),\n base: {\n root: {\n position: 'relative',\n zIndex: '0',\n isolation: 'isolate',\n '--control-width': rem(100),\n },\n input: {\n ...inputRecipe.base,\n verticalAlign: 'top',\n paddingInlineEnd: `var(--control-width) !important`,\n },\n control: {\n display: 'flex',\n gap: '1',\n position: 'absolute',\n top: '0',\n insetEnd: '0',\n margin: '1',\n height: 'calc(100% - 2px)',\n zIndex: '1',\n },\n incrementTrigger: {\n ...triggerStyle,\n borderTopEndRadius: '4',\n borderBottomEndRadius: '4',\n _before: triggerSeparatorStyle,\n },\n decrementTrigger: {\n ...triggerStyle,\n },\n valueText: {\n fontWeight: 'medium',\n fontFeatureSettings: 'pnum',\n fontVariantNumeric: 'proportional-nums',\n },\n },\n variants: {\n size: {\n md: {\n input: inputRecipe.variants?.size.md,\n control: {\n '--stepper-width': rem(40),\n },\n },\n lg: {\n input: inputRecipe.variants?.size.lg,\n control: {\n '--stepper-width': rem(48),\n },\n },\n },\n },\n\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default numberInputSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAa,wBAAwB,YAAY;CAC/C,SAAS;CACT,UAAU;CACV,KAAK;CACL,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,iBAAiB;CAClB,CAAC;AAEF,IAAM,eAAe,YAAY;CAC/B,UAAU;CACV,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,OAAO;CACP,WAAW;EACT,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,OAAO;EACP,iBAAiB;EAClB;CACD,SAAS;EACP,OAAO;EACP,iBAAiB;EAClB;CACF,CAAC;AAEF,IAAa,wBAAwB,iBAAiB;CACpD,WAAW;CACX,OAAO,mBAAmB,MAAM;CAChC,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,QAAQ;GACR,WAAW;GACX,mBAAmB,IAAI,IAAI;GAC5B;EACD,OAAO;GACL,GAAG,YAAY;GACf,eAAe;GACf,kBAAkB;GACnB;EACD,SAAS;GACP,SAAS;GACT,KAAK;GACL,UAAU;GACV,KAAK;GACL,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,QAAQ;GACT;EACD,kBAAkB;GAChB,GAAG;GACH,oBAAoB;GACpB,uBAAuB;GACvB,SAAS;GACV;EACD,kBAAkB,EAChB,GAAG,cACJ;EACD,WAAW;GACT,YAAY;GACZ,qBAAqB;GACrB,oBAAoB;GACrB;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO,YAAY,UAAU,KAAK;GAClC,SAAS,EACP,mBAAmB,IAAI,GAAG,EAC3B;GACF;EACD,IAAI;GACF,OAAO,YAAY,UAAU,KAAK;GAClC,SAAS,EACP,mBAAmB,IAAI,GAAG,EAC3B;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
1	+ {"version":3,"file":"NumberInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NumberInput.recipe.ts"],"sourcesContent":["import { numberInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, defineStyle } from '@chakra-ui/react/styled-system';\n\nimport inputRecipe from '../recipes/Input.recipe';\nimport { rem } from '../themeUtils';\n\nexport const triggerSeparatorStyle = defineStyle({\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n left: '-1px',\n transform: 'translateY(-50%)',\n width: '1',\n height: '24',\n backgroundColor: 'border/minimal',\n});\n\nconst triggerStyle = defineStyle({\n position: 'relative',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flex: '1',\n userSelect: 'none',\n cursor: 'pointer',\n width: 'var(--stepper-width)',\n color: 'button/secondary/fg/text',\n _disabled: {\n color: 'button/secondary/fg-disabled',\n cursor: 'not-allowed',\n },\n _hover: {\n color: 'button/secondary/fg-hover',\n backgroundColor: 'button/tertiary/bg-hover',\n },\n _active: {\n color: 'button/secondary/fg-active',\n backgroundColor: 'button/tertiary/bg-active',\n },\n});\n\nexport const numberInputSlotRecipe = defineSlotRecipe({\n className: 'number-input',\n slots: numberInputAnatomy.keys(),\n base: {\n root: {\n position: 'relative',\n zIndex: '0',\n isolation: 'isolate',\n '--control-width': rem(100),\n },\n input: {\n ...inputRecipe.base,\n verticalAlign: 'top',\n paddingInlineEnd: `var(--control-width) !important`,\n },\n control: {\n display: 'flex',\n gap: '1',\n position: 'absolute',\n top: 0,\n insetEnd: 0,\n margin: '1',\n height: 'calc(100% - 2px)',\n zIndex: '1',\n },\n incrementTrigger: {\n ...triggerStyle,\n borderTopEndRadius: '4',\n borderBottomEndRadius: '4',\n _before: triggerSeparatorStyle,\n },\n decrementTrigger: {\n ...triggerStyle,\n },\n valueText: {\n fontWeight: 'medium',\n fontFeatureSettings: 'pnum',\n fontVariantNumeric: 'proportional-nums',\n },\n },\n variants: {\n size: {\n md: {\n input: inputRecipe.variants?.size.md,\n control: {\n '--stepper-width': rem(40),\n },\n },\n lg: {\n input: inputRecipe.variants?.size.lg,\n control: {\n '--stepper-width': rem(48),\n },\n },\n },\n },\n\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default numberInputSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAa,wBAAwB,YAAY;CAC/C,SAAS;CACT,UAAU;CACV,KAAK;CACL,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,iBAAiB;CAClB,CAAC;AAEF,IAAM,eAAe,YAAY;CAC/B,UAAU;CACV,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,OAAO;CACP,WAAW;EACT,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,OAAO;EACP,iBAAiB;EAClB;CACD,SAAS;EACP,OAAO;EACP,iBAAiB;EAClB;CACF,CAAC;AAEF,IAAa,wBAAwB,iBAAiB;CACpD,WAAW;CACX,OAAO,mBAAmB,MAAM;CAChC,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,QAAQ;GACR,WAAW;GACX,mBAAmB,IAAI,IAAI;GAC5B;EACD,OAAO;GACL,GAAG,YAAY;GACf,eAAe;GACf,kBAAkB;GACnB;EACD,SAAS;GACP,SAAS;GACT,KAAK;GACL,UAAU;GACV,KAAK;GACL,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,QAAQ;GACT;EACD,kBAAkB;GAChB,GAAG;GACH,oBAAoB;GACpB,uBAAuB;GACvB,SAAS;GACV;EACD,kBAAkB,EAChB,GAAG,cACJ;EACD,WAAW;GACT,YAAY;GACZ,qBAAqB;GACrB,oBAAoB;GACrB;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO,YAAY,UAAU,KAAK;GAClC,SAAS,EACP,mBAAmB,IAAI,GAAG,EAC3B;GACF;EACD,IAAI;GACF,OAAO,YAAY,UAAU,KAAK;GAClC,SAAS,EACP,mBAAmB,IAAI,GAAG,EAC3B;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -28,8 +28,8 @@ var overflowContentSlotRecipe = defineSlotRecipe({
 				height: "100%",
 				pointerEvents: "none",
 				position: "absolute",
-				right: "0",
-				top: "0",
+				right: 0,
+				top: 0,
 				width: "32"
 			}
 		},

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;EAAS;CACpC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACN;EACD,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;IACR;GACF;EACD,QAAQ,EACN,YAAY,KACb;EACF;CACF,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.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;EAAS;CACpC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACN;EACD,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;IACR;GACF;EACD,QAAQ,EACN,YAAY,KACb;EACF;CACF,CAAC"}

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

@@ -42,9 +42,9 @@ var selectSlotRecipe = defineSlotRecipe({
 			alignItems: "center",
 			gap: "8",
 			position: "absolute",
-			insetEnd: "0",
-			top: "0",
-			bottom: "0",
+			insetEnd: 0,
+			top: 0,
+			bottom: 0,
 			paddingInline: "16",
 			pointerEvents: "none"
 		},

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Select.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport { rem } from '../themeUtils';\n\nexport const selectSlotRecipe = defineSlotRecipe({\n className: 'select',\n slots: [...selectAnatomy.keys(), 'searchInputGroup', 'searchInput', 'createItemContainer', 'createItem'],\n base: {\n trigger: {\n display: 'flex',\n alignItems: 'center',\n borderWidth: rem(1),\n borderColor: 'border/strong',\n background: 'bg.muted',\n color: 'input/text/inputValue',\n gap: '8',\n justifyContent: 'space-between',\n paddingInline: '16',\n paddingBlock: rem(11),\n borderRadius: '4',\n userSelect: 'none',\n textAlign: 'start',\n focusVisibleRing: 'inside',\n width: '100%',\n _placeholderShown: {\n color: 'text/secondary',\n },\n _disabled: {\n color: 'text/disabled',\n background: 'background/disabled',\n },\n _invalid: {\n borderColor: 'border/error',\n },\n _readOnly: {\n background: 'background/disabled',\n },\n },\n indicatorGroup: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n position: 'absolute',\n insetEnd: '0',\n top: '0',\n bottom: '0',\n paddingInline: '16',\n pointerEvents: 'none',\n },\n indicator: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'icon/secondary',\n _disabled: {\n color: 'icon/disabled',\n },\n _readOnly: {\n color: 'icon/on-disabled',\n },\n },\n ...base,\n control: {\n position: 'relative',\n width: '100%',\n },\n searchInput: {\n border: 'none',\n boxShadow: 'none',\n outline: 'none',\n paddingRight: '16',\n paddingBlock: '16',\n textStyle: 'body/lg/regular',\n '--input-height': rem(32),\n },\n searchInputGroup: {\n borderBottom: '1px solid',\n borderColor: 'border/minimal',\n appearance: 'none',\n paddingLeft: '16',\n },\n createItem: {\n borderTop: '1px solid',\n borderColor: 'border/minimal',\n display: 'flex',\n alignItems: 'center',\n gap: '12',\n paddingInlineEnd: '24',\n paddingInlineStart: '16',\n paddingBlock: '20',\n color: 'text/primary',\n textStyle: 'body/lg/regular',\n textDecoration: 'none',\n width: '100%',\n cursor: 'pointer',\n textAlign: 'start',\n _hover: {\n background: 'button/secondary/bg-hover',\n textDecoration: 'none',\n _active: {\n background: 'button/secondary/bg-active',\n },\n },\n _active: {\n background: 'button/secondary/bg-active',\n },\n _focusVisible: {\n outlineOffset: '-3px',\n },\n },\n },\n\n variants: {\n size: {\n lg: variants.size.lg,\n md: {\n ...variants.size.md,\n searchInput: {\n paddingBlock: '12',\n textStyle: 'body/md/regular',\n '--input-height': rem(24),\n },\n createItem: {\n color: 'text/primary',\n paddingBlock: '16',\n textStyle: 'body/md/regular',\n },\n trigger: {\n textStyle: 'body/md/regular',\n paddingBlock: rem(9),\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n"],"mappings":";;;;;AAMA,IAAa,mBAAmB,iBAAiB;CAC/C,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAoB;EAAe;EAAuB;EAAa;CACxG,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,cAAc,IAAI,GAAG;GACrB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,mBAAmB,EACjB,OAAO,kBACR;GACD,WAAW;IACT,OAAO;IACP,YAAY;IACb;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW,EACT,YAAY,uBACb;GACF;EACD,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;GAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,iBACR;GACD,WAAW,EACT,OAAO,oBACR;GACF;EACD,GAAG;EACH,SAAS;GACP,UAAU;GACV,OAAO;GACR;EACD,aAAa;GACX,QAAQ;GACR,WAAW;GACX,SAAS;GACT,cAAc;GACd,cAAc;GACd,WAAW;GACX,kBAAkB,IAAI,GAAG;GAC1B;EACD,kBAAkB;GAChB,cAAc;GACd,aAAa;GACb,YAAY;GACZ,aAAa;GACd;EACD,YAAY;GACV,WAAW;GACX,aAAa;GACb,SAAS;GACT,YAAY;GACZ,KAAK;GACL,kBAAkB;GAClB,oBAAoB;GACpB,cAAc;GACd,OAAO;GACP,WAAW;GACX,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;IACN,YAAY;IACZ,gBAAgB;IAChB,SAAS,EACP,YAAY,8BACb;IACF;GACD,SAAS,EACP,YAAY,8BACb;GACD,eAAe,EACb,eAAe,QAChB;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI,SAAS,KAAK;EAClB,IAAI;GACF,GAAG,SAAS,KAAK;GACjB,aAAa;IACX,cAAc;IACd,WAAW;IACX,kBAAkB,IAAI,GAAG;IAC1B;GACD,YAAY;IACV,OAAO;IACP,cAAc;IACd,WAAW;IACZ;GACD,SAAS;IACP,WAAW;IACX,cAAc,IAAI,EAAE;IACrB;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
1	+ {"version":3,"file":"Select.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Select.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport { rem } from '../themeUtils';\n\nexport const selectSlotRecipe = defineSlotRecipe({\n className: 'select',\n slots: [...selectAnatomy.keys(), 'searchInputGroup', 'searchInput', 'createItemContainer', 'createItem'],\n base: {\n trigger: {\n display: 'flex',\n alignItems: 'center',\n borderWidth: rem(1),\n borderColor: 'border/strong',\n background: 'bg.muted',\n color: 'input/text/inputValue',\n gap: '8',\n justifyContent: 'space-between',\n paddingInline: '16',\n paddingBlock: rem(11),\n borderRadius: '4',\n userSelect: 'none',\n textAlign: 'start',\n focusVisibleRing: 'inside',\n width: '100%',\n _placeholderShown: {\n color: 'text/secondary',\n },\n _disabled: {\n color: 'text/disabled',\n background: 'background/disabled',\n },\n _invalid: {\n borderColor: 'border/error',\n },\n _readOnly: {\n background: 'background/disabled',\n },\n },\n indicatorGroup: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n position: 'absolute',\n insetEnd: 0,\n top: 0,\n bottom: 0,\n paddingInline: '16',\n pointerEvents: 'none',\n },\n indicator: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'icon/secondary',\n _disabled: {\n color: 'icon/disabled',\n },\n _readOnly: {\n color: 'icon/on-disabled',\n },\n },\n ...base,\n control: {\n position: 'relative',\n width: '100%',\n },\n searchInput: {\n border: 'none',\n boxShadow: 'none',\n outline: 'none',\n paddingRight: '16',\n paddingBlock: '16',\n textStyle: 'body/lg/regular',\n '--input-height': rem(32),\n },\n searchInputGroup: {\n borderBottom: '1px solid',\n borderColor: 'border/minimal',\n appearance: 'none',\n paddingLeft: '16',\n },\n createItem: {\n borderTop: '1px solid',\n borderColor: 'border/minimal',\n display: 'flex',\n alignItems: 'center',\n gap: '12',\n paddingInlineEnd: '24',\n paddingInlineStart: '16',\n paddingBlock: '20',\n color: 'text/primary',\n textStyle: 'body/lg/regular',\n textDecoration: 'none',\n width: '100%',\n cursor: 'pointer',\n textAlign: 'start',\n _hover: {\n background: 'button/secondary/bg-hover',\n textDecoration: 'none',\n _active: {\n background: 'button/secondary/bg-active',\n },\n },\n _active: {\n background: 'button/secondary/bg-active',\n },\n _focusVisible: {\n outlineOffset: '-3px',\n },\n },\n },\n\n variants: {\n size: {\n lg: variants.size.lg,\n md: {\n ...variants.size.md,\n searchInput: {\n paddingBlock: '12',\n textStyle: 'body/md/regular',\n '--input-height': rem(24),\n },\n createItem: {\n color: 'text/primary',\n paddingBlock: '16',\n textStyle: 'body/md/regular',\n },\n trigger: {\n textStyle: 'body/md/regular',\n paddingBlock: rem(9),\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n"],"mappings":";;;;;AAMA,IAAa,mBAAmB,iBAAiB;CAC/C,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAoB;EAAe;EAAuB;EAAa;CACxG,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,cAAc,IAAI,GAAG;GACrB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,mBAAmB,EACjB,OAAO,kBACR;GACD,WAAW;IACT,OAAO;IACP,YAAY;IACb;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW,EACT,YAAY,uBACb;GACF;EACD,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;GAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,iBACR;GACD,WAAW,EACT,OAAO,oBACR;GACF;EACD,GAAG;EACH,SAAS;GACP,UAAU;GACV,OAAO;GACR;EACD,aAAa;GACX,QAAQ;GACR,WAAW;GACX,SAAS;GACT,cAAc;GACd,cAAc;GACd,WAAW;GACX,kBAAkB,IAAI,GAAG;GAC1B;EACD,kBAAkB;GAChB,cAAc;GACd,aAAa;GACb,YAAY;GACZ,aAAa;GACd;EACD,YAAY;GACV,WAAW;GACX,aAAa;GACb,SAAS;GACT,YAAY;GACZ,KAAK;GACL,kBAAkB;GAClB,oBAAoB;GACpB,cAAc;GACd,OAAO;GACP,WAAW;GACX,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;IACN,YAAY;IACZ,gBAAgB;IAChB,SAAS,EACP,YAAY,8BACb;IACF;GACD,SAAS,EACP,YAAY,8BACb;GACD,eAAe,EACb,eAAe,QAChB;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI,SAAS,KAAK;EAClB,IAAI;GACF,GAAG,SAAS,KAAK;GACjB,aAAa;IACX,cAAc;IACd,WAAW;IACX,kBAAkB,IAAI,GAAG;IAC1B;GACD,YAAY;IACV,OAAO;IACP,cAAc;IACd,WAAW;IACZ;GACD,SAAS;IACP,WAAW;IACX,cAAc,IAAI,EAAE;IACrB;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -15,7 +15,7 @@ declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                         content: "\"\"";
                         position: "absolute";
                         insetBlockStart: "-2px";
-                        insetInlineStart: "0";
+                        insetInlineStart: number;
                         width: "50%";
                         height: "2";
                         bg: "border/selected";
@@ -41,7 +41,7 @@ declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                     _before: {
                         content: "\"\"";
                         position: "absolute";
-                        insetBlockStart: "0";
+                        insetBlockStart: number;
                         insetInlineStart: "-2px";
                         width: "2";
                         height: "50%";

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

@@ -121,7 +121,7 @@ var stepsSlotRecipe = defineSlotRecipe({
 					content: "\"\"",
 					position: "absolute",
 					insetBlockStart: "-2px",
-					insetInlineStart: "0",
+					insetInlineStart: 0,
 					width: "50%",
 					height: "2",
 					bg: "border/selected"
@@ -143,7 +143,7 @@ var stepsSlotRecipe = defineSlotRecipe({
 				[STATUS_IN_PROGRESS]: { _before: {
 					content: "\"\"",
 					position: "absolute",
-					insetBlockStart: "0",
+					insetBlockStart: 0,
 					insetInlineStart: "-2px",
 					width: "2",
 					height: "50%",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n className: 'steps',\n slots: stepsAnatomy.keys(),\n base: {\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n },\n list: {\n display: 'flex',\n gap: 0,\n },\n item: {\n display: 'flex',\n flex: '1 0 0',\n gap: '8',\n borderStyle: 'solid',\n borderColor: 'border/disabled',\n\n [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n [STATUS_IN_PROGRESS]: { position: 'relative' },\n },\n indicator: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: '0',\n borderRadius: '9999px',\n borderWidth: '2px',\n borderStyle: 'solid',\n width: '24',\n height: '24',\n overflow: 'clip',\n textStyle: 'body/md/semibold',\n lineHeight: 'initial',\n\n [STATUS_NOT_STARTED]: {\n bg: 'background/primary',\n borderColor: 'border/strong',\n color: 'text/secondary',\n },\n [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n [STATUS_INVALID]: {\n bg: 'status/critical/bg',\n borderColor: 'border/error',\n color: 'text/negative',\n textStyle: 'heading/h4',\n },\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n bg: 'background/primary',\n borderColor: 'border/disabled',\n color: 'text/disabled',\n },\n },\n trigger: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n flex: '1 0 0',\n minWidth: '1',\n },\n title: {\n ...truncate,\n textStyle: 'body/md/regular',\n color: 'text/secondary',\n lineHeight: 'initial!',\n\n [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n },\n description: {\n ...truncate,\n textStyle: 'body/sm/regular',\n color: 'text/secondary',\n\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n [STATUS_DISABLED]: { color: 'text/disabled' },\n },\n // Required by stepsAnatomy but unused in this component\n content: {},\n nextTrigger: {},\n prevTrigger: {},\n progress: {},\n separator: {},\n },\n variants: {\n orientation: {\n horizontal: {\n list: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n item: {\n alignItems: 'center',\n borderTopWidth: '2px',\n paddingBlock: '16',\n paddingInlineEnd: '24',\n\n [STATUS_IN_PROGRESS]: {\n _before: {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: '-2px',\n insetInlineStart: '0',\n width: '50%',\n height: '2',\n bg: 'border/selected',\n },\n },\n },\n },\n vertical: {\n list: {\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n item: {\n alignItems: 'flex-start',\n borderInlineStartWidth: '2px',\n paddingInlineStart: '12',\n paddingInlineEnd: '24',\n paddingBlockEnd: '24',\n\n '&:last-of-type': {\n paddingBlockEnd: 0,\n },\n\n [STATUS_IN_PROGRESS]: {\n _before: {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: '0',\n insetInlineStart: '-2px',\n width: '2',\n height: '50%',\n bg: 'border/selected',\n },\n },\n },\n trigger: {\n flexDirection: 'column',\n alignItems: 'flex-start',\n gap: '2',\n paddingBlockStart: '4',\n },\n },\n },\n },\n defaultVariants: {\n orientation: 'horizontal',\n },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;CAAU;AAEvF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACN;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,mBAAmB;IAC7E,qBAAqB,EAAE,UAAU,YAAY;GAC/C;EACD,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;IACR;IACA,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;IAAiB;IACzG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;IAAiB;IACrG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;IACZ;IACA,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACX;EACD,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;IAAgB;IAC7E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,iBAAiB;GAC3F;EACD,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,iBAAiB;IACrE,kBAAkB,EAAE,OAAO,iBAAiB;GAC9C;EAED,SAAS,EAAE;EACX,aAAa,EAAE;EACf,aAAa,EAAE;EACf,UAAU,EAAE;EACZ,WAAW,EAAE;EACd;CACD,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACF;EACD,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,GAClB;KAEA,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACD,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;IACpB;GACF;EACF,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC"}
1	+ {"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n className: 'steps',\n slots: stepsAnatomy.keys(),\n base: {\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n },\n list: {\n display: 'flex',\n gap: 0,\n },\n item: {\n display: 'flex',\n flex: '1 0 0',\n gap: '8',\n borderStyle: 'solid',\n borderColor: 'border/disabled',\n\n [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n [STATUS_IN_PROGRESS]: { position: 'relative' },\n },\n indicator: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: '0',\n borderRadius: '9999px',\n borderWidth: '2px',\n borderStyle: 'solid',\n width: '24',\n height: '24',\n overflow: 'clip',\n textStyle: 'body/md/semibold',\n lineHeight: 'initial',\n\n [STATUS_NOT_STARTED]: {\n bg: 'background/primary',\n borderColor: 'border/strong',\n color: 'text/secondary',\n },\n [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n [STATUS_INVALID]: {\n bg: 'status/critical/bg',\n borderColor: 'border/error',\n color: 'text/negative',\n textStyle: 'heading/h4',\n },\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n bg: 'background/primary',\n borderColor: 'border/disabled',\n color: 'text/disabled',\n },\n },\n trigger: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n flex: '1 0 0',\n minWidth: '1',\n },\n title: {\n ...truncate,\n textStyle: 'body/md/regular',\n color: 'text/secondary',\n lineHeight: 'initial!',\n\n [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n },\n description: {\n ...truncate,\n textStyle: 'body/sm/regular',\n color: 'text/secondary',\n\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n [STATUS_DISABLED]: { color: 'text/disabled' },\n },\n // Required by stepsAnatomy but unused in this component\n content: {},\n nextTrigger: {},\n prevTrigger: {},\n progress: {},\n separator: {},\n },\n variants: {\n orientation: {\n horizontal: {\n list: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n item: {\n alignItems: 'center',\n borderTopWidth: '2px',\n paddingBlock: '16',\n paddingInlineEnd: '24',\n\n [STATUS_IN_PROGRESS]: {\n _before: {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: '-2px',\n insetInlineStart: 0,\n width: '50%',\n height: '2',\n bg: 'border/selected',\n },\n },\n },\n },\n vertical: {\n list: {\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n item: {\n alignItems: 'flex-start',\n borderInlineStartWidth: '2px',\n paddingInlineStart: '12',\n paddingInlineEnd: '24',\n paddingBlockEnd: '24',\n\n '&:last-of-type': {\n paddingBlockEnd: 0,\n },\n\n [STATUS_IN_PROGRESS]: {\n _before: {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: '-2px',\n width: '2',\n height: '50%',\n bg: 'border/selected',\n },\n },\n },\n trigger: {\n flexDirection: 'column',\n alignItems: 'flex-start',\n gap: '2',\n paddingBlockStart: '4',\n },\n },\n },\n },\n defaultVariants: {\n orientation: 'horizontal',\n },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;CAAU;AAEvF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACN;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,mBAAmB;IAC7E,qBAAqB,EAAE,UAAU,YAAY;GAC/C;EACD,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;IACR;IACA,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;IAAiB;IACzG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;IAAiB;IACrG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;IACZ;IACA,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACX;EACD,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;IAAgB;IAC7E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,iBAAiB;GAC3F;EACD,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,iBAAiB;IACrE,kBAAkB,EAAE,OAAO,iBAAiB;GAC9C;EAED,SAAS,EAAE;EACX,aAAa,EAAE;EACf,aAAa,EAAE;EACf,UAAU,EAAE;EACZ,WAAW,EAAE;EACd;CACD,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACF;EACD,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,GAClB;KAEA,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACD,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;IACpB;GACF;EACF,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC"}

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

@@ -26,7 +26,7 @@ var switchSlotRecipe = defineSlotRecipe({
 			placeContent: "center",
 			userSelect: "none",
 			insetInlineStart: "calc(var(--switch-x) - 2px)",
-			_checked: { insetInlineStart: "2px" }
+			_checked: { insetInlineStart: "2" }
 		},
 		control: {
 			position: "relative",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Switch.recipe.ts"],"sourcesContent":["import { switchAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst switchSlotRecipe = defineSlotRecipe({\n slots: switchAnatomy.keys(),\n className: 'switch',\n base: {\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n gap: '8',\n '--switch-diff': 'calc(var(--switch-width) - var(--switch-height))',\n '--switch-x': {\n base: 'var(--switch-diff)',\n _rtl: 'calc(var(--switch-diff) * -1)',\n },\n },\n\n label: {\n _disabled: {\n color: 'text/disabled',\n },\n },\n\n indicator: {\n color: 'icon/on-color',\n position: 'absolute',\n width: 'var(--switch-height)',\n height: 'var(--switch-height)',\n display: 'grid',\n placeContent: 'center',\n userSelect: 'none',\n insetInlineStart: 'calc(var(--switch-x) - 2px)',\n _checked: {\n insetInlineStart: '~~2px~~',\n },\n },\n\n control: {\n position: 'relative',\n display: 'inline-flex',\n width: 'var(--switch-width)',\n height: 'var(--switch-height)',\n bg: 'input/toggle/frameOff',\n cursor: 'pointer',\n transition: 'backgrounds',\n _checked: {\n bg: 'input/toggle/frameOn',\n _disabled: {\n bg: 'input/toggle/frameOn-disabled',\n },\n },\n _disabled: {\n bg: 'input/toggle/frameOff-disabled',\n cursor: 'not-allowed',\n },\n _readOnly: {\n cursor: 'default',\n },\n focusVisibleRing: 'outside',\n },\n\n thumb: {\n width: 'var(--switch-height)',\n height: 'var(--switch-height)',\n bg: 'input/toggle/slideOff',\n boxShadow: 'elevation/sm',\n scale: '0.8',\n borderRadius: 'inherit',\n transitionProperty: 'translate',\n transitionDuration: 'fast',\n _checked: {\n bg: 'input/toggle/slideOn',\n translate: 'var(--switch-x) 0',\n },\n _disabled: {\n bg: 'input/toggle/slideOff-disabled',\n _checked: {\n bg: 'input/toggle/slideOn-disabled',\n },\n },\n },\n },\n\n variants: {\n size: {\n sm: {\n root: {\n '--switch-width': rem(32),\n '--switch-height': rem(16),\n '--switch-indicator-font-size': rem(12),\n },\n control: {\n borderRadius: '8',\n },\n label: {\n textStyle: 'body/sm/regular',\n },\n },\n md: {\n root: {\n '--switch-width': rem(48),\n '--switch-height': rem(24),\n '--switch-indicator-font-size': rem(16),\n },\n control: {\n borderRadius: '12',\n },\n label: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default switchSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,MAAM;CAC3B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,cAAc;IACZ,MAAM;IACN,MAAM;IACP;GACF;EAED,OAAO,EACL,WAAW,EACT,OAAO,iBACR,EACF;EAED,WAAW;GACT,OAAO;GACP,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACT,cAAc;GACd,YAAY;GACZ,kBAAkB;GAClB,UAAU,EACR,kBAAkB,~~OACnB~~;GACF;EAED,SAAS;GACP,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,QAAQ;GACR,YAAY;GACZ,UAAU;IACR,IAAI;IACJ,WAAW,EACT,IAAI,iCACL;IACF;GACD,WAAW;IACT,IAAI;IACJ,QAAQ;IACT;GACD,WAAW,EACT,QAAQ,WACT;GACD,kBAAkB;GACnB;EAED,OAAO;GACL,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,WAAW;GACX,OAAO;GACP,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,UAAU;IACR,IAAI;IACJ,WAAW;IACZ;GACD,WAAW;IACT,IAAI;IACJ,UAAU,EACR,IAAI,iCACL;IACF;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,KACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACD,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,MACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
1	+ {"version":3,"file":"Switch.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Switch.recipe.ts"],"sourcesContent":["import { switchAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst switchSlotRecipe = defineSlotRecipe({\n slots: switchAnatomy.keys(),\n className: 'switch',\n base: {\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n gap: '8',\n '--switch-diff': 'calc(var(--switch-width) - var(--switch-height))',\n '--switch-x': {\n base: 'var(--switch-diff)',\n _rtl: 'calc(var(--switch-diff) * -1)',\n },\n },\n\n label: {\n _disabled: {\n color: 'text/disabled',\n },\n },\n\n indicator: {\n color: 'icon/on-color',\n position: 'absolute',\n width: 'var(--switch-height)',\n height: 'var(--switch-height)',\n display: 'grid',\n placeContent: 'center',\n userSelect: 'none',\n insetInlineStart: 'calc(var(--switch-x) - 2px)',\n _checked: {\n insetInlineStart: '2',\n },\n },\n\n control: {\n position: 'relative',\n display: 'inline-flex',\n width: 'var(--switch-width)',\n height: 'var(--switch-height)',\n bg: 'input/toggle/frameOff',\n cursor: 'pointer',\n transition: 'backgrounds',\n _checked: {\n bg: 'input/toggle/frameOn',\n _disabled: {\n bg: 'input/toggle/frameOn-disabled',\n },\n },\n _disabled: {\n bg: 'input/toggle/frameOff-disabled',\n cursor: 'not-allowed',\n },\n _readOnly: {\n cursor: 'default',\n },\n focusVisibleRing: 'outside',\n },\n\n thumb: {\n width: 'var(--switch-height)',\n height: 'var(--switch-height)',\n bg: 'input/toggle/slideOff',\n boxShadow: 'elevation/sm',\n scale: '0.8',\n borderRadius: 'inherit',\n transitionProperty: 'translate',\n transitionDuration: 'fast',\n _checked: {\n bg: 'input/toggle/slideOn',\n translate: 'var(--switch-x) 0',\n },\n _disabled: {\n bg: 'input/toggle/slideOff-disabled',\n _checked: {\n bg: 'input/toggle/slideOn-disabled',\n },\n },\n },\n },\n\n variants: {\n size: {\n sm: {\n root: {\n '--switch-width': rem(32),\n '--switch-height': rem(16),\n '--switch-indicator-font-size': rem(12),\n },\n control: {\n borderRadius: '8',\n },\n label: {\n textStyle: 'body/sm/regular',\n },\n },\n md: {\n root: {\n '--switch-width': rem(48),\n '--switch-height': rem(24),\n '--switch-indicator-font-size': rem(16),\n },\n control: {\n borderRadius: '12',\n },\n label: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default switchSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,MAAM;CAC3B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,cAAc;IACZ,MAAM;IACN,MAAM;IACP;GACF;EAED,OAAO,EACL,WAAW,EACT,OAAO,iBACR,EACF;EAED,WAAW;GACT,OAAO;GACP,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACT,cAAc;GACd,YAAY;GACZ,kBAAkB;GAClB,UAAU,EACR,kBAAkB,KACnB;GACF;EAED,SAAS;GACP,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,QAAQ;GACR,YAAY;GACZ,UAAU;IACR,IAAI;IACJ,WAAW,EACT,IAAI,iCACL;IACF;GACD,WAAW;IACT,IAAI;IACJ,QAAQ;IACT;GACD,WAAW,EACT,QAAQ,WACT;GACD,kBAAkB;GACnB;EAED,OAAO;GACL,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,WAAW;GACX,OAAO;GACP,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,UAAU;IACR,IAAI;IACJ,WAAW;IACZ;GACD,WAAW;IACT,IAAI;IACJ,UAAU,EACR,IAAI,iCACL;IACF;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,KACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACD,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,MACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -52,7 +52,7 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 			gap: "8",
 			paddingInline: "4",
 			position: "sticky",
-			top: "0",
+			top: 0,
 			"&:has(button)": { paddingInline: 0 }
 		},
 		input: {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TagsInput.recipe.ts"],"sourcesContent":["import { tagsInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst extendedTagsInputAnatomy = tagsInputAnatomy.extendWith('tagsBlock', 'suffixBlock');\n\nconst tagsInputSlotRecipe = defineSlotRecipe({\n className: 'tags-input',\n slots: extendedTagsInputAnatomy.keys(),\n base: {\n root: {\n width: 'full',\n },\n control: {\n background: 'background/primary',\n borderColor: 'border/regular',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: rem(1),\n boxShadow: 'inset/field',\n display: 'flex',\n height: rem(88),\n overflowY: 'auto',\n transition: 'border-color 200ms',\n _focusWithin: {\n focusRing: 'outside',\n },\n _hover: {\n borderColor: 'border/hover',\n },\n _invalid: {\n borderColor: 'border/error',\n _hover: {\n borderColor: 'border/error',\n },\n },\n _disabled: {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n cursor: 'not-allowed',\n _hover: {\n borderColor: 'border/disabled',\n },\n },\n _readOnly: {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n _hover: {\n borderColor: 'border/disabled',\n },\n },\n },\n tagsBlock: {\n alignContent: 'flex-start',\n display: 'flex',\n flex: '1',\n flexWrap: 'wrap',\n gap: '8',\n minWidth: 0,\n },\n suffixBlock: {\n alignItems: 'center',\n alignSelf: 'flex-start',\n display: 'flex',\n flexShrink: '0',\n gap: '8',\n paddingInline: '4',\n position: 'sticky',\n top: '0',\n '&:has(button)': {\n paddingInline: 0,\n },\n },\n input: {\n background: 'transparent',\n color: 'input/text/inputValue',\n flex: '1',\n minWidth: rem(80),\n outline: 'none',\n _placeholder: {\n color: 'input/text/placeholder',\n },\n _disabled: {\n cursor: 'not-allowed',\n _placeholder: {\n color: 'text/disabled',\n },\n },\n _readOnly: {\n display: 'none',\n },\n },\n item: {\n display: 'flex',\n maxWidth: '100%',\n minWidth: 0,\n },\n itemPreview: {\n alignItems: 'center',\n background: 'sys/neutral/subtle',\n borderColor: 'sys/neutral/muted',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: rem(1),\n color: 'text/primary',\n display: 'flex',\n gap: '4',\n height: '24',\n maxWidth: '100%',\n overflow: 'hidden',\n paddingBlock: '2',\n paddingInlineEnd: '1',\n paddingInlineStart: '8',\n textStyle: 'comp/tag/sm',\n _highlighted: {\n background: 'sys/neutral/moderate',\n },\n _disabled: {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n },\n '&:not(:has(button))': {\n paddingInlineEnd: '8',\n },\n },\n itemText: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n itemInput: {\n background: 'transparent',\n height: '24',\n minWidth: '20',\n outline: 'none',\n },\n itemDeleteTrigger: {\n alignItems: 'center',\n borderRadius: '2',\n color: 'icon/secondary',\n cursor: 'pointer',\n display: 'flex',\n flexShrink: '0',\n height: '20',\n justifyContent: 'center',\n width: '20',\n _hover: {\n background: 'sys/neutral/moderate',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: '0.5',\n },\n },\n clearTrigger: {\n alignItems: 'center',\n borderRadius: '4',\n color: 'icon/secondary',\n cursor: 'pointer',\n display: 'flex',\n justifyContent: 'center',\n padding: '4',\n _hover: {\n background: 'sys/neutral/moderate',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: '0.5',\n },\n },\n },\n variants: {\n size: {\n md: {\n control: {\n paddingInline: '8',\n },\n tagsBlock: {\n paddingBlock: '8',\n },\n suffixBlock: {\n height: '40',\n },\n input: {\n height: '24',\n textStyle: 'body/md/regular',\n },\n },\n lg: {\n control: {\n paddingInlineStart: '12',\n paddingInlineEnd: '8',\n },\n tagsBlock: {\n paddingBlock: '12',\n },\n suffixBlock: {\n height: '48',\n },\n input: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default tagsInputSlotRecipe;\n"],"mappings":";;;;AAOA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAJ+B,iBAAiB,WAAW,aAAa,cAAc,CAItD,MAAM;CACtC,MAAM;EACJ,MAAM,EACJ,OAAO,QACR;EACD,SAAS;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,WAAW;GACX,SAAS;GACT,QAAQ,IAAI,GAAG;GACf,WAAW;GACX,YAAY;GACZ,cAAc,EACZ,WAAW,WACZ;GACD,QAAQ,EACN,aAAa,gBACd;GACD,UAAU;IACR,aAAa;IACb,QAAQ,EACN,aAAa,gBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,QAAQ,EACN,aAAa,mBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ,EACN,aAAa,mBACd;IACF;GACF;EACD,WAAW;GACT,cAAc;GACd,SAAS;GACT,MAAM;GACN,UAAU;GACV,KAAK;GACL,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,KAAK;GACL,eAAe;GACf,UAAU;GACV,KAAK;GACL,iBAAiB,EACf,eAAe,GAChB;GACF;EACD,OAAO;GACL,YAAY;GACZ,OAAO;GACP,MAAM;GACN,UAAU,IAAI,GAAG;GACjB,SAAS;GACT,cAAc,EACZ,OAAO,0BACR;GACD,WAAW;IACT,QAAQ;IACR,cAAc,EACZ,OAAO,iBACR;IACF;GACD,WAAW,EACT,SAAS,QACV;GACF;EACD,MAAM;GACJ,SAAS;GACT,UAAU;GACV,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,OAAO;GACP,SAAS;GACT,KAAK;GACL,QAAQ;GACR,UAAU;GACV,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;GACX,cAAc,EACZ,YAAY,wBACb;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,OAAO;IACR;GACD,uBAAuB,EACrB,kBAAkB,KACnB;GACF;EACD,UAAU;GACR,UAAU;GACV,cAAc;GACd,YAAY;GACb;EACD,WAAW;GACT,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,mBAAmB;GACjB,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,gBAAgB;GAChB,OAAO;GACP,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACD,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,SAAS,EACP,eAAe,KAChB;GACD,WAAW,EACT,cAAc,KACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO;IACL,QAAQ;IACR,WAAW;IACZ;GACF;EACD,IAAI;GACF,SAAS;IACP,oBAAoB;IACpB,kBAAkB;IACnB;GACD,WAAW,EACT,cAAc,MACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
1	+ {"version":3,"file":"TagsInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TagsInput.recipe.ts"],"sourcesContent":["import { tagsInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst extendedTagsInputAnatomy = tagsInputAnatomy.extendWith('tagsBlock', 'suffixBlock');\n\nconst tagsInputSlotRecipe = defineSlotRecipe({\n className: 'tags-input',\n slots: extendedTagsInputAnatomy.keys(),\n base: {\n root: {\n width: 'full',\n },\n control: {\n background: 'background/primary',\n borderColor: 'border/regular',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: rem(1),\n boxShadow: 'inset/field',\n display: 'flex',\n height: rem(88),\n overflowY: 'auto',\n transition: 'border-color 200ms',\n _focusWithin: {\n focusRing: 'outside',\n },\n _hover: {\n borderColor: 'border/hover',\n },\n _invalid: {\n borderColor: 'border/error',\n _hover: {\n borderColor: 'border/error',\n },\n },\n _disabled: {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n cursor: 'not-allowed',\n _hover: {\n borderColor: 'border/disabled',\n },\n },\n _readOnly: {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n _hover: {\n borderColor: 'border/disabled',\n },\n },\n },\n tagsBlock: {\n alignContent: 'flex-start',\n display: 'flex',\n flex: '1',\n flexWrap: 'wrap',\n gap: '8',\n minWidth: 0,\n },\n suffixBlock: {\n alignItems: 'center',\n alignSelf: 'flex-start',\n display: 'flex',\n flexShrink: '0',\n gap: '8',\n paddingInline: '4',\n position: 'sticky',\n top: 0,\n '&:has(button)': {\n paddingInline: 0,\n },\n },\n input: {\n background: 'transparent',\n color: 'input/text/inputValue',\n flex: '1',\n minWidth: rem(80),\n outline: 'none',\n _placeholder: {\n color: 'input/text/placeholder',\n },\n _disabled: {\n cursor: 'not-allowed',\n _placeholder: {\n color: 'text/disabled',\n },\n },\n _readOnly: {\n display: 'none',\n },\n },\n item: {\n display: 'flex',\n maxWidth: '100%',\n minWidth: 0,\n },\n itemPreview: {\n alignItems: 'center',\n background: 'sys/neutral/subtle',\n borderColor: 'sys/neutral/muted',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: rem(1),\n color: 'text/primary',\n display: 'flex',\n gap: '4',\n height: '24',\n maxWidth: '100%',\n overflow: 'hidden',\n paddingBlock: '2',\n paddingInlineEnd: '1',\n paddingInlineStart: '8',\n textStyle: 'comp/tag/sm',\n _highlighted: {\n background: 'sys/neutral/moderate',\n },\n _disabled: {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n },\n '&:not(:has(button))': {\n paddingInlineEnd: '8',\n },\n },\n itemText: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n itemInput: {\n background: 'transparent',\n height: '24',\n minWidth: '20',\n outline: 'none',\n },\n itemDeleteTrigger: {\n alignItems: 'center',\n borderRadius: '2',\n color: 'icon/secondary',\n cursor: 'pointer',\n display: 'flex',\n flexShrink: '0',\n height: '20',\n justifyContent: 'center',\n width: '20',\n _hover: {\n background: 'sys/neutral/moderate',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: '0.5',\n },\n },\n clearTrigger: {\n alignItems: 'center',\n borderRadius: '4',\n color: 'icon/secondary',\n cursor: 'pointer',\n display: 'flex',\n justifyContent: 'center',\n padding: '4',\n _hover: {\n background: 'sys/neutral/moderate',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: '0.5',\n },\n },\n },\n variants: {\n size: {\n md: {\n control: {\n paddingInline: '8',\n },\n tagsBlock: {\n paddingBlock: '8',\n },\n suffixBlock: {\n height: '40',\n },\n input: {\n height: '24',\n textStyle: 'body/md/regular',\n },\n },\n lg: {\n control: {\n paddingInlineStart: '12',\n paddingInlineEnd: '8',\n },\n tagsBlock: {\n paddingBlock: '12',\n },\n suffixBlock: {\n height: '48',\n },\n input: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default tagsInputSlotRecipe;\n"],"mappings":";;;;AAOA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAJ+B,iBAAiB,WAAW,aAAa,cAAc,CAItD,MAAM;CACtC,MAAM;EACJ,MAAM,EACJ,OAAO,QACR;EACD,SAAS;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,WAAW;GACX,SAAS;GACT,QAAQ,IAAI,GAAG;GACf,WAAW;GACX,YAAY;GACZ,cAAc,EACZ,WAAW,WACZ;GACD,QAAQ,EACN,aAAa,gBACd;GACD,UAAU;IACR,aAAa;IACb,QAAQ,EACN,aAAa,gBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,QAAQ,EACN,aAAa,mBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ,EACN,aAAa,mBACd;IACF;GACF;EACD,WAAW;GACT,cAAc;GACd,SAAS;GACT,MAAM;GACN,UAAU;GACV,KAAK;GACL,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,KAAK;GACL,eAAe;GACf,UAAU;GACV,KAAK;GACL,iBAAiB,EACf,eAAe,GAChB;GACF;EACD,OAAO;GACL,YAAY;GACZ,OAAO;GACP,MAAM;GACN,UAAU,IAAI,GAAG;GACjB,SAAS;GACT,cAAc,EACZ,OAAO,0BACR;GACD,WAAW;IACT,QAAQ;IACR,cAAc,EACZ,OAAO,iBACR;IACF;GACD,WAAW,EACT,SAAS,QACV;GACF;EACD,MAAM;GACJ,SAAS;GACT,UAAU;GACV,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,OAAO;GACP,SAAS;GACT,KAAK;GACL,QAAQ;GACR,UAAU;GACV,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;GACX,cAAc,EACZ,YAAY,wBACb;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,OAAO;IACR;GACD,uBAAuB,EACrB,kBAAkB,KACnB;GACF;EACD,UAAU;GACR,UAAU;GACV,cAAc;GACd,YAAY;GACb;EACD,WAAW;GACT,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,mBAAmB;GACjB,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,gBAAgB;GAChB,OAAO;GACP,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACD,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,SAAS,EACP,eAAe,KAChB;GACD,WAAW,EACT,cAAc,KACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO;IACL,QAAQ;IACR,WAAW;IACZ;GACF;EACD,IAAI;GACF,SAAS;IACP,oBAAoB;IACpB,kBAAkB;IACnB;GACD,WAAW,EACT,cAAc,MACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

package/dist/theme/slot-recipes/TreeView.recipe.d.ts ADDED Viewed

@@ -0,0 +1,152 @@
+declare const treeViewSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "secondaryText" | "root" | "item" | "itemIndicator" | "tree" | "itemText" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "actionGroup" | "suffixGroup", {
+    variant: {
+        files: {
+            branchControl: {
+                borderRadius: "4";
+                paddingInlineEnd: "16";
+                '& > svg': {
+                    marginBlockStart: "8";
+                };
+                '& > .badge': {
+                    marginBlockStart: "6";
+                };
+            };
+            item: {
+                borderRadius: "4";
+                paddingInlineEnd: "16";
+                '& > svg': {
+                    marginBlockStart: "8";
+                };
+                '& > .badge': {
+                    marginBlockStart: "6";
+                };
+            };
+            branchIndicator: {
+                alignItems: "flex-start";
+                marginBlockStart: "8";
+                alignSelf: "stretch";
+                position: "relative";
+                _open: {
+                    '&::after': {
+                        content: "\"\"";
+                        position: "absolute";
+                        insetBlockStart: "16";
+                        insetBlockEnd: number;
+                        insetInlineStart: "50%";
+                        width: "1";
+                        background: "border/regular";
+                    };
+                };
+            };
+            branchText: {
+                paddingBlock: "6";
+            };
+            itemText: {
+                paddingBlock: "6";
+            };
+            suffixGroup: {
+                height: string;
+                '& > span': {
+                    marginBlockEnd: "-1";
+                };
+            };
+            branchIndentGuide: {
+                height: "100%";
+                width: "1";
+                background: "border/regular";
+                position: "absolute";
+                insetBlockStart: number;
+                '--tree-depth': "calc(var(--depth) - 1)";
+                '--tree-indentation-offset': "calc(var(--tree-indentation) * var(--tree-depth))";
+                '--tree-offset': "calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset))";
+                '--tree-icon-offset': "calc(var(--tree-icon-size) * 0.5 * var(--depth))";
+                insetInlineStart: "calc(var(--tree-offset) + var(--tree-icon-offset))";
+                zIndex: number;
+            };
+        };
+        navigation: {
+            branchControl: {
+                borderRadius: number;
+                paddingInlineEnd: "16";
+                '&::before': {
+                    content: "\"\"";
+                    position: "absolute";
+                    insetBlockStart: number;
+                    insetInlineStart: "var(--tree-offset)";
+                    insetInlineEnd: number;
+                    height: "1";
+                    background: "border/minimal";
+                };
+                _selected: {
+                    '&::after': {
+                        content: "\"\"";
+                        position: "absolute";
+                        insetBlock: number;
+                        insetInlineEnd: number;
+                        width: "4";
+                        background: "border/selected";
+                        borderRadius: "0 2px 2px 0";
+                    };
+                };
+            };
+            item: {
+                borderRadius: number;
+                paddingInlineEnd: "16";
+                '&::before': {
+                    content: "\"\"";
+                    position: "absolute";
+                    insetBlockStart: number;
+                    insetInlineStart: "var(--tree-offset)";
+                    insetInlineEnd: number;
+                    height: "1";
+                    background: "border/minimal";
+                };
+                '& > svg': {
+                    marginBlockStart: string;
+                };
+                _selected: {
+                    '&::after': {
+                        content: "\"\"";
+                        position: "absolute";
+                        insetBlock: number;
+                        insetInlineEnd: number;
+                        width: "4";
+                        background: "border/selected";
+                        borderRadius: "0 2px 2px 0";
+                    };
+                };
+            };
+            branchIndicator: {
+                marginBlockStart: "8";
+                transformOrigin: "center";
+                transitionDuration: "normal";
+                transitionProperty: "transform";
+                transitionTimingFunction: "default";
+                _open: {
+                    transform: "rotate(90deg)";
+                };
+            };
+            branchText: {
+                paddingBlock: "8";
+                gap: "4";
+                _open: {
+                    textStyle: "body/md/semibold";
+                    color: "text/primary";
+                };
+            };
+            itemText: {
+                paddingBlock: "8";
+            };
+            suffixGroup: {
+                height: string;
+                '& > span': {
+                    marginBlockEnd: "-1";
+                };
+            };
+            branchIndentGuide: {
+                display: "none";
+            };
+        };
+    };
+}>;
+export default treeViewSlotRecipe;