npm - @bitrise/bitkit-v2 - Versions diffs - 0.3.226 → 0.3.228 - Mend

@bitrise/bitkit-v2 0.3.226 → 0.3.228

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

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

@@ -10,8 +10,8 @@ var selectSlotRecipe = defineSlotRecipe({
 		"searchInputGroup",
 		"searchInput",
 		"searchClear",
-		"createItemContainer",
-		"createItem",
+		"actionContainer",
+		"action",
 		"checkbox",
 		"checkmark",
 		"itemList",
@@ -32,13 +32,15 @@ var selectSlotRecipe = defineSlotRecipe({
 			color: "input/text/inputValue",
 			gap: "8",
 			justifyContent: "space-between",
-			paddingInline: "16",
+			paddingInlineStart: "16",
+			paddingInlineEnd: "48",
 			paddingBlock: rem(11),
 			borderRadius: "4",
 			userSelect: "none",
 			textAlign: "start",
 			focusVisibleRing: "inside",
 			width: "100%",
+			_open: { borderColor: "border/focus" },
 			_placeholderShown: { color: "text/secondary" },
 			_disabled: {
 				color: "text/disabled",
@@ -71,7 +73,9 @@ var selectSlotRecipe = defineSlotRecipe({
 			...base.content,
 			overflow: "hidden",
 			display: "flex",
-			flexDirection: "column"
+			flexDirection: "column",
+			maxWidth: rem(800),
+			focusVisibleRing: "none"
 		},
 		item: {
 			...base.item,
@@ -90,6 +94,14 @@ var selectSlotRecipe = defineSlotRecipe({
 			position: "relative",
 			width: "100%"
 		},
+		valueText: {
+			display: "flex",
+			alignItems: "center",
+			gap: "8",
+			flex: "1 1 0",
+			minWidth: 0,
+			overflow: "hidden"
+		},
 		itemList: {
 			flex: "1 1 auto",
 			minHeight: 0,
@@ -99,7 +111,6 @@ var selectSlotRecipe = defineSlotRecipe({
 		itemContent: {
 			display: "flex",
 			flexDirection: "column",
-			alignItems: "flex-start",
 			flex: "1 0 0",
 			minWidth: 0
 		},
@@ -124,6 +135,7 @@ var selectSlotRecipe = defineSlotRecipe({
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			maxWidth: "100%",
+			minWidth: 0,
 			"[data-disabled] &": { color: "text/disabled" }
 		},
 		itemHelperText: {
@@ -133,6 +145,7 @@ var selectSlotRecipe = defineSlotRecipe({
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			maxWidth: "100%",
+			minWidth: 0,
 			"[data-disabled] &": { color: "text/disabled" }
 		},
 		checkbox: {
@@ -197,13 +210,13 @@ var selectSlotRecipe = defineSlotRecipe({
 			flexShrink: 0,
 			_hover: { background: "background/hover" }
 		},
-		createItemContainer: {
+		actionContainer: {
 			borderTop: "1px solid",
 			borderColor: "border/minimal",
 			paddingBlock: "8",
 			flexShrink: 0
 		},
-		createItem: {
+		action: {
 			display: "flex",
 			alignItems: "center",
 			gap: "12",
@@ -222,94 +235,100 @@ var selectSlotRecipe = defineSlotRecipe({
 			_focusVisible: { outlineOffset: "-3px" }
 		}
 	},
-	variants: { size: {
-		lg: {
-			...variants.size.lg,
-			checkbox: {
-				width: "24",
-				height: "24"
-			},
-			item: {
-				...variants.size.lg.item,
-				"&:has([data-slot=\"avatar\"])": {
-					paddingInlineStart: "12",
-					paddingInlineEnd: "24",
-					paddingBlock: "8",
-					gap: "8"
+	variants: {
+		hasStatusIcon: {
+			true: { trigger: { paddingInlineEnd: "96" } },
+			false: {}
+		},
+		size: {
+			lg: {
+				...variants.size.lg,
+				checkbox: {
+					width: "24",
+					height: "24"
 				},
-				"&:has([data-slot=\"checkbox\"])": {
+				item: {
+					...variants.size.lg.item,
+					"&:has([data-slot=\"avatar\"])": {
+						paddingInlineStart: "12",
+						paddingInlineEnd: "24",
+						paddingBlock: "8",
+						gap: "8"
+					},
+					"&:has([data-slot=\"checkbox\"])": {
+						minHeight: "48",
+						paddingInlineEnd: "24",
+						paddingBlock: "12",
+						gap: "12"
+					}
+				},
+				itemList: { maxHeight: rem(280) },
+				itemLabel: {
+					textStyle: "body/lg/regular",
+					lineHeight: "normal"
+				},
+				itemLoadingLabel: { textStyle: "body/lg/regular" },
+				emptyState: { paddingBlock: "12" },
+				action: {
 					minHeight: "48",
-					paddingInlineEnd: "24",
 					paddingBlock: "12",
-					gap: "12"
-				}
-			},
-			itemList: { maxHeight: rem(280) },
-			itemLabel: {
-				textStyle: "body/lg/regular",
-				lineHeight: "normal"
-			},
-			itemLoadingLabel: { textStyle: "body/lg/regular" },
-			emptyState: { paddingBlock: "12" },
-			createItem: {
-				minHeight: "48",
-				paddingBlock: "12",
-				textStyle: "body/lg/regular",
-				lineHeight: "normal"
-			},
-			searchInputGroup: {
-				height: rem(56),
-				paddingBlock: "16"
-			},
-			searchInput: { textStyle: "body/lg/regular" },
-			searchClear: { padding: "8" }
-		},
-		md: {
-			...variants.size.md,
-			checkbox: {
-				width: "20",
-				height: "20"
+					textStyle: "body/lg/regular",
+					lineHeight: "normal"
+				},
+				searchInputGroup: {
+					height: rem(56),
+					paddingBlock: "16"
+				},
+				searchInput: { textStyle: "body/lg/regular" },
+				searchClear: { padding: "8" }
 			},
-			item: {
-				...variants.size.md.item,
-				"&:has([data-slot=\"avatar\"])": {
-					paddingInlineStart: "12",
-					paddingInlineEnd: "24",
-					paddingBlock: "4",
-					gap: "8"
+			md: {
+				...variants.size.md,
+				checkbox: {
+					width: "20",
+					height: "20"
 				},
-				"&:has([data-slot=\"checkbox\"])": {
+				item: {
+					...variants.size.md.item,
+					"&:has([data-slot=\"avatar\"])": {
+						paddingInlineStart: "12",
+						paddingInlineEnd: "24",
+						paddingBlock: "4",
+						gap: "8"
+					},
+					"&:has([data-slot=\"checkbox\"])": {
+						minHeight: "40",
+						paddingInlineEnd: "24",
+						paddingBlock: "8",
+						gap: "12"
+					}
+				},
+				itemList: { maxHeight: rem(236) },
+				itemLabel: {
+					textStyle: "body/md/regular",
+					lineHeight: "normal"
+				},
+				itemLoadingLabel: { textStyle: "body/md/regular" },
+				emptyState: { paddingBlock: "8" },
+				action: {
 					minHeight: "40",
-					paddingInlineEnd: "24",
 					paddingBlock: "8",
-					gap: "12"
-				}
-			},
-			itemList: { maxHeight: rem(236) },
-			itemLabel: {
-				textStyle: "body/md/regular",
-				lineHeight: "normal"
-			},
-			itemLoadingLabel: { textStyle: "body/md/regular" },
-			emptyState: { paddingBlock: "8" },
-			createItem: {
-				minHeight: "40",
-				paddingBlock: "8",
-				textStyle: "body/md/regular",
-				lineHeight: "normal"
-			},
-			trigger: {
-				textStyle: "body/md/regular",
-				paddingBlock: rem(9)
-			},
-			searchInputGroup: {
-				height: "48",
-				paddingBlock: "12"
-			},
-			searchInput: { textStyle: "body/md/regular" },
-			searchClear: { padding: "4" }
+					textStyle: "body/md/regular",
+					lineHeight: "normal"
+				},
+				trigger: {
+					textStyle: "body/md/regular",
+					paddingBlock: rem(9)
+				},
+				searchInputGroup: {
+					height: "48",
+					paddingBlock: "12"
+				},
+				searchInput: { textStyle: "body/md/regular" },
+				searchClear: { padding: "4" }
+			}
 		}
-	} },
+	},
 	defaultVariants: { size: "lg" }
 });
 //#endregion

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: [\n ...selectAnatomy.keys(),\n 'searchInputGroup',\n 'searchInput',\n 'searchClear',\n 'createItemContainer',\n 'createItem',\n 'checkbox',\n 'checkmark',\n 'itemList',\n 'itemContent',\n 'itemLabel',\n 'itemHelperText',\n 'itemLoading',\n 'itemLoadingLabel',\n 'emptyState',\n ],\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 content: {\n ...base.content,\n overflow: 'hidden',\n display: 'flex',\n flexDirection: 'column',\n },\n item: {\n ...base.item,\n _active: {\n background: 'background/active',\n },\n _selected: {\n background: 'background/selected',\n _highlighted: {\n background: 'background/selected-hover',\n },\n },\n _disabled: {\n cursor: 'not-allowed',\n color: 'text/disabled',\n _highlighted: {\n background: 'transparent',\n },\n },\n },\n control: {\n position: 'relative',\n width: '100%',\n },\n itemList: {\n flex: '1 1 auto',\n minHeight: 0,\n overflowY: 'auto',\n paddingBlock: '8',\n },\n itemContent: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n flex: '1 0 0',\n minWidth: 0,\n },\n itemLoading: {\n flexShrink: 0,\n },\n itemLoadingLabel: {\n color: 'text/secondary',\n flex: '1 0 0',\n minWidth: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n emptyState: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n paddingInline: '16',\n },\n itemLabel: {\n color: 'text/body',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: '100%',\n '[data-disabled] &': {\n color: 'text/disabled',\n },\n },\n itemHelperText: {\n color: 'text/helper',\n textStyle: 'body/sm/regular',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: '100%',\n '[data-disabled] &': {\n color: 'text/disabled',\n },\n },\n checkbox: {\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n borderWidth: rem(1),\n borderColor: 'border/regular',\n borderRadius: '4',\n background: 'background/primary',\n boxShadow: 'inset/field',\n color: 'icon/on-color',\n '[data-state=checked] &': {\n background: 'input/checkbox/selection',\n borderColor: 'input/checkbox/selection',\n boxShadow: 'none',\n },\n '[data-disabled] &': {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n },\n },\n checkmark: {\n opacity: 0,\n color: 'icon/on-color',\n '[data-state=checked] &': {\n opacity: 1,\n },\n },\n searchInputGroup: {\n borderBottom: '1px solid',\n borderColor: 'border/minimal',\n background: 'background/primary',\n display: 'flex',\n alignItems: 'center',\n gap: '12',\n paddingInlineStart: '16',\n paddingInlineEnd: '12',\n overflow: 'hidden',\n flexShrink: 0,\n _hover: {\n background: 'background/secondary',\n },\n _focusWithin: {\n background: 'background/primary',\n },\n },\n searchInput: {\n flex: '1 0 0',\n minWidth: 0,\n border: 'none',\n outline: 'none',\n background: 'transparent',\n color: 'input/text/inputValue',\n paddingInline: 0,\n paddingBlock: 0,\n _placeholder: {\n color: 'input/text/placeholder',\n },\n },\n searchClear: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '4',\n color: 'icon/primary',\n cursor: 'pointer',\n flexShrink: 0,\n _hover: {\n background: 'background/hover',\n },\n },\n createItemContainer: {\n borderTop: '1px solid',\n borderColor: 'border/minimal',\n paddingBlock: '8',\n flexShrink: 0,\n },\n createItem: {\n display: 'flex',\n alignItems: 'center',\n gap: '12',\n paddingInlineEnd: '24',\n paddingInlineStart: '16',\n color: 'text/primary',\n width: '100%',\n cursor: 'pointer',\n textAlign: 'start',\n _icon: {\n color: 'icon/secondary',\n },\n _hover: {\n background: 'button/secondary/bg-hover',\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: {\n ...variants.size.lg,\n checkbox: {\n width: '24',\n height: '24',\n },\n item: {\n ...variants.size.lg.item,\n '&:has([data-slot=\"avatar\"])': {\n paddingInlineStart: '12',\n paddingInlineEnd: '24',\n paddingBlock: '8',\n gap: '8',\n },\n '&:has([data-slot=\"checkbox\"])': {\n minHeight: '48',\n paddingInlineEnd: '24',\n paddingBlock: '12',\n gap: '12',\n },\n },\n itemList: {\n // 5.5 × 48px item + 16px paddingBlock\n maxHeight: rem(280),\n },\n itemLabel: {\n textStyle: 'body/lg/regular',\n lineHeight: 'normal',\n },\n itemLoadingLabel: {\n textStyle: 'body/lg/regular',\n },\n emptyState: {\n paddingBlock: '12',\n },\n createItem: {\n minHeight: '48',\n paddingBlock: '12',\n textStyle: 'body/lg/regular',\n lineHeight: 'normal',\n },\n searchInputGroup: {\n height: rem(56),\n paddingBlock: '16',\n },\n searchInput: {\n textStyle: 'body/lg/regular',\n },\n searchClear: {\n padding: '8',\n },\n },\n md: {\n ...variants.size.md,\n checkbox: {\n width: '20',\n height: '20',\n },\n item: {\n ...variants.size.md.item,\n '&:has([data-slot=\"avatar\"])': {\n paddingInlineStart: '12',\n paddingInlineEnd: '24',\n paddingBlock: '4',\n gap: '8',\n },\n '&:has([data-slot=\"checkbox\"])': {\n minHeight: '40',\n paddingInlineEnd: '24',\n paddingBlock: '8',\n gap: '12',\n },\n },\n itemList: {\n // 5.5 × 40px item (checkbox/avatar row) + 16px paddingBlock\n maxHeight: rem(236),\n },\n itemLabel: {\n textStyle: 'body/md/regular',\n lineHeight: 'normal',\n },\n itemLoadingLabel: {\n textStyle: 'body/md/regular',\n },\n emptyState: {\n paddingBlock: '8',\n },\n createItem: {\n minHeight: '40',\n paddingBlock: '8',\n textStyle: 'body/md/regular',\n lineHeight: 'normal',\n },\n trigger: {\n textStyle: 'body/md/regular',\n paddingBlock: rem(9),\n },\n searchInputGroup: {\n height: '48',\n paddingBlock: '12',\n },\n searchInput: {\n textStyle: 'body/md/regular',\n },\n searchClear: {\n padding: '4',\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n"],"mappings":";;;;;AAMA,IAAa,mBAAmB,iBAAiB;CAC/C,WAAW;CACX,OAAO;EACL,GAAG,cAAc,KAAK;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,CAAC;GAClB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,cAAc,IAAI,EAAE;GACpB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,mBAAmB,EACjB,OAAO,iBACT;GACA,WAAW;IACT,OAAO;IACP,YAAY;GACd;GACA,UAAU,EACR,aAAa,eACf;GACA,WAAW,EACT,YAAY,sBACd;EACF;EACA,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;EACjB;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,gBACT;GACA,WAAW,EACT,OAAO,mBACT;EACF;EACA,GAAG;EACH,SAAS;GACP,GAAG,KAAK;GACR,UAAU;GACV,SAAS;GACT,eAAe;EACjB;EACA,MAAM;GACJ,GAAG,KAAK;GACR,SAAS,EACP,YAAY,oBACd;GACA,WAAW;IACT,YAAY;IACZ,cAAc,EACZ,YAAY,4BACd;GACF;GACA,WAAW;IACT,QAAQ;IACR,OAAO;IACP,cAAc,EACZ,YAAY,cACd;GACF;EACF;EACA,SAAS;GACP,UAAU;GACV,OAAO;EACT;EACA,UAAU;GACR,MAAM;GACN,WAAW;GACX,WAAW;GACX,cAAc;EAChB;EACA,aAAa;GACX,SAAS;GACT,eAAe;GACf,YAAY;GACZ,MAAM;GACN,UAAU;EACZ;EACA,aAAa,EACX,YAAY,EACd;EACA,kBAAkB;GAChB,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,cAAc;GACd,YAAY;EACd;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,YAAY;GACZ,eAAe;EACjB;EACA,WAAW;GACT,OAAO;GACP,YAAY;GACZ,UAAU;GACV,cAAc;GACd,UAAU;GACV,qBAAqB,EACnB,OAAO,gBACT;EACF;EACA,gBAAgB;GACd,OAAO;GACP,WAAW;GACX,YAAY;GACZ,UAAU;GACV,cAAc;GACd,UAAU;GACV,qBAAqB,EACnB,OAAO,gBACT;EACF;EACA,UAAU;GACR,UAAU;GACV,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,aAAa,IAAI,CAAC;GAClB,aAAa;GACb,cAAc;GACd,YAAY;GACZ,WAAW;GACX,OAAO;GACP,0BAA0B;IACxB,YAAY;IACZ,aAAa;IACb,WAAW;GACb;GACA,qBAAqB;IACnB,YAAY;IACZ,aAAa;GACf;EACF;EACA,WAAW;GACT,SAAS;GACT,OAAO;GACP,0BAA0B,EACxB,SAAS,EACX;EACF;EACA,kBAAkB;GAChB,cAAc;GACd,aAAa;GACb,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,oBAAoB;GACpB,kBAAkB;GAClB,UAAU;GACV,YAAY;GACZ,QAAQ,EACN,YAAY,uBACd;GACA,cAAc,EACZ,YAAY,qBACd;EACF;EACA,aAAa;GACX,MAAM;GACN,UAAU;GACV,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,OAAO;GACP,eAAe;GACf,cAAc;GACd,cAAc,EACZ,OAAO,yBACT;EACF;EACA,aAAa;GACX,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,OAAO;GACP,QAAQ;GACR,YAAY;GACZ,QAAQ,EACN,YAAY,mBACd;EACF;EACA,qBAAqB;GACnB,WAAW;GACX,aAAa;GACb,cAAc;GACd,YAAY;EACd;EACA,YAAY;GACV,SAAS;GACT,YAAY;GACZ,KAAK;GACL,kBAAkB;GAClB,oBAAoB;GACpB,OAAO;GACP,OAAO;GACP,QAAQ;GACR,WAAW;GACX,OAAO,EACL,OAAO,iBACT;GACA,QAAQ;IACN,YAAY;IACZ,SAAS,EACP,YAAY,6BACd;GACF;GACA,SAAS,EACP,YAAY,6BACd;GACA,eAAe,EACb,eAAe,OACjB;EACF;CACF;CAEA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,GAAG,SAAS,KAAK;GACjB,UAAU;IACR,OAAO;IACP,QAAQ;GACV;GACA,MAAM;IACJ,GAAG,SAAS,KAAK,GAAG;IACpB,iCAA+B;KAC7B,oBAAoB;KACpB,kBAAkB;KAClB,cAAc;KACd,KAAK;IACP;IACA,mCAAiC;KAC/B,WAAW;KACX,kBAAkB;KAClB,cAAc;KACd,KAAK;IACP;GACF;GACA,UAAU,EAER,WAAW,IAAI,GAAG,EACpB;GACA,WAAW;IACT,WAAW;IACX,YAAY;GACd;GACA,kBAAkB,EAChB,WAAW,kBACb;GACA,YAAY,EACV,cAAc,KAChB;GACA,YAAY;IACV,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;GACd;GACA,kBAAkB;IAChB,QAAQ,IAAI,EAAE;IACd,cAAc;GAChB;GACA,aAAa,EACX,WAAW,kBACb;GACA,aAAa,EACX,SAAS,IACX;EACF;EACA,IAAI;GACF,GAAG,SAAS,KAAK;GACjB,UAAU;IACR,OAAO;IACP,QAAQ;GACV;GACA,MAAM;IACJ,GAAG,SAAS,KAAK,GAAG;IACpB,iCAA+B;KAC7B,oBAAoB;KACpB,kBAAkB;KAClB,cAAc;KACd,KAAK;IACP;IACA,mCAAiC;KAC/B,WAAW;KACX,kBAAkB;KAClB,cAAc;KACd,KAAK;IACP;GACF;GACA,UAAU,EAER,WAAW,IAAI,GAAG,EACpB;GACA,WAAW;IACT,WAAW;IACX,YAAY;GACd;GACA,kBAAkB,EAChB,WAAW,kBACb;GACA,YAAY,EACV,cAAc,IAChB;GACA,YAAY;IACV,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;GACd;GACA,SAAS;IACP,WAAW;IACX,cAAc,IAAI,CAAC;GACrB;GACA,kBAAkB;IAChB,QAAQ;IACR,cAAc;GAChB;GACA,aAAa,EACX,WAAW,kBACb;GACA,aAAa,EACX,SAAS,IACX;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,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: [\n ...selectAnatomy.keys(),\n 'searchInputGroup',\n 'searchInput',\n 'searchClear',\n 'actionContainer',\n 'action',\n 'checkbox',\n 'checkmark',\n 'itemList',\n 'itemContent',\n 'itemLabel',\n 'itemHelperText',\n 'itemLoading',\n 'itemLoadingLabel',\n 'emptyState',\n ],\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 paddingInlineStart: '16',\n paddingInlineEnd: '48',\n paddingBlock: rem(11),\n borderRadius: '4',\n userSelect: 'none',\n textAlign: 'start',\n focusVisibleRing: 'inside',\n width: '100%',\n _open: {\n borderColor: 'border/focus',\n },\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 content: {\n ...base.content,\n overflow: 'hidden',\n display: 'flex',\n flexDirection: 'column',\n maxWidth: rem(800),\n focusVisibleRing: 'none',\n },\n item: {\n ...base.item,\n _active: {\n background: 'background/active',\n },\n _selected: {\n background: 'background/selected',\n _highlighted: {\n background: 'background/selected-hover',\n },\n },\n _disabled: {\n cursor: 'not-allowed',\n color: 'text/disabled',\n _highlighted: {\n background: 'transparent',\n },\n },\n },\n control: {\n position: 'relative',\n width: '100%',\n },\n valueText: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n flex: '1 1 0',\n minWidth: 0,\n overflow: 'hidden',\n },\n itemList: {\n flex: '1 1 auto',\n minHeight: 0,\n overflowY: 'auto',\n paddingBlock: '8',\n },\n itemContent: {\n display: 'flex',\n flexDirection: 'column',\n flex: '1 0 0',\n minWidth: 0,\n },\n itemLoading: {\n flexShrink: 0,\n },\n itemLoadingLabel: {\n color: 'text/secondary',\n flex: '1 0 0',\n minWidth: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n emptyState: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n paddingInline: '16',\n },\n itemLabel: {\n color: 'text/body',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: '100%',\n minWidth: 0,\n '[data-disabled] &': {\n color: 'text/disabled',\n },\n },\n itemHelperText: {\n color: 'text/helper',\n textStyle: 'body/sm/regular',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: '100%',\n minWidth: 0,\n '[data-disabled] &': {\n color: 'text/disabled',\n },\n },\n checkbox: {\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n borderWidth: rem(1),\n borderColor: 'border/regular',\n borderRadius: '4',\n background: 'background/primary',\n boxShadow: 'inset/field',\n color: 'icon/on-color',\n '[data-state=checked] &': {\n background: 'input/checkbox/selection',\n borderColor: 'input/checkbox/selection',\n boxShadow: 'none',\n },\n '[data-disabled] &': {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n },\n },\n checkmark: {\n opacity: 0,\n color: 'icon/on-color',\n '[data-state=checked] &': {\n opacity: 1,\n },\n },\n searchInputGroup: {\n borderBottom: '1px solid',\n borderColor: 'border/minimal',\n background: 'background/primary',\n display: 'flex',\n alignItems: 'center',\n gap: '12',\n paddingInlineStart: '16',\n paddingInlineEnd: '12',\n overflow: 'hidden',\n flexShrink: 0,\n _hover: {\n background: 'background/secondary',\n },\n _focusWithin: {\n background: 'background/primary',\n },\n },\n searchInput: {\n flex: '1 0 0',\n minWidth: 0,\n border: 'none',\n outline: 'none',\n background: 'transparent',\n color: 'input/text/inputValue',\n paddingInline: 0,\n paddingBlock: 0,\n _placeholder: {\n color: 'input/text/placeholder',\n },\n },\n searchClear: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '4',\n color: 'icon/primary',\n cursor: 'pointer',\n flexShrink: 0,\n _hover: {\n background: 'background/hover',\n },\n },\n actionContainer: {\n borderTop: '1px solid',\n borderColor: 'border/minimal',\n paddingBlock: '8',\n flexShrink: 0,\n },\n action: {\n display: 'flex',\n alignItems: 'center',\n gap: '12',\n paddingInlineEnd: '24',\n paddingInlineStart: '16',\n color: 'text/primary',\n width: '100%',\n cursor: 'pointer',\n textAlign: 'start',\n _icon: {\n color: 'icon/secondary',\n },\n _hover: {\n background: 'button/secondary/bg-hover',\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 hasStatusIcon: {\n true: {\n trigger: {\n paddingInlineEnd: '96',\n },\n },\n false: {},\n },\n size: {\n lg: {\n ...variants.size.lg,\n checkbox: {\n width: '24',\n height: '24',\n },\n item: {\n ...variants.size.lg.item,\n '&:has([data-slot=\"avatar\"])': {\n paddingInlineStart: '12',\n paddingInlineEnd: '24',\n paddingBlock: '8',\n gap: '8',\n },\n '&:has([data-slot=\"checkbox\"])': {\n minHeight: '48',\n paddingInlineEnd: '24',\n paddingBlock: '12',\n gap: '12',\n },\n },\n itemList: {\n // 5.5 × 48px item + 16px paddingBlock\n maxHeight: rem(280),\n },\n itemLabel: {\n textStyle: 'body/lg/regular',\n lineHeight: 'normal',\n },\n itemLoadingLabel: {\n textStyle: 'body/lg/regular',\n },\n emptyState: {\n paddingBlock: '12',\n },\n action: {\n minHeight: '48',\n paddingBlock: '12',\n textStyle: 'body/lg/regular',\n lineHeight: 'normal',\n },\n searchInputGroup: {\n height: rem(56),\n paddingBlock: '16',\n },\n searchInput: {\n textStyle: 'body/lg/regular',\n },\n searchClear: {\n padding: '8',\n },\n },\n md: {\n ...variants.size.md,\n checkbox: {\n width: '20',\n height: '20',\n },\n item: {\n ...variants.size.md.item,\n '&:has([data-slot=\"avatar\"])': {\n paddingInlineStart: '12',\n paddingInlineEnd: '24',\n paddingBlock: '4',\n gap: '8',\n },\n '&:has([data-slot=\"checkbox\"])': {\n minHeight: '40',\n paddingInlineEnd: '24',\n paddingBlock: '8',\n gap: '12',\n },\n },\n itemList: {\n // 5.5 × 40px item (checkbox/avatar row) + 16px paddingBlock\n maxHeight: rem(236),\n },\n itemLabel: {\n textStyle: 'body/md/regular',\n lineHeight: 'normal',\n },\n itemLoadingLabel: {\n textStyle: 'body/md/regular',\n },\n emptyState: {\n paddingBlock: '8',\n },\n action: {\n minHeight: '40',\n paddingBlock: '8',\n textStyle: 'body/md/regular',\n lineHeight: 'normal',\n },\n trigger: {\n textStyle: 'body/md/regular',\n paddingBlock: rem(9),\n },\n searchInputGroup: {\n height: '48',\n paddingBlock: '12',\n },\n searchInput: {\n textStyle: 'body/md/regular',\n },\n searchClear: {\n padding: '4',\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n"],"mappings":";;;;;AAMA,IAAa,mBAAmB,iBAAiB;CAC/C,WAAW;CACX,OAAO;EACL,GAAG,cAAc,KAAK;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,CAAC;GAClB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,oBAAoB;GACpB,kBAAkB;GAClB,cAAc,IAAI,EAAE;GACpB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,OAAO,EACL,aAAa,eACf;GACA,mBAAmB,EACjB,OAAO,iBACT;GACA,WAAW;IACT,OAAO;IACP,YAAY;GACd;GACA,UAAU,EACR,aAAa,eACf;GACA,WAAW,EACT,YAAY,sBACd;EACF;EACA,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;EACjB;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,gBACT;GACA,WAAW,EACT,OAAO,mBACT;EACF;EACA,GAAG;EACH,SAAS;GACP,GAAG,KAAK;GACR,UAAU;GACV,SAAS;GACT,eAAe;GACf,UAAU,IAAI,GAAG;GACjB,kBAAkB;EACpB;EACA,MAAM;GACJ,GAAG,KAAK;GACR,SAAS,EACP,YAAY,oBACd;GACA,WAAW;IACT,YAAY;IACZ,cAAc,EACZ,YAAY,4BACd;GACF;GACA,WAAW;IACT,QAAQ;IACR,OAAO;IACP,cAAc,EACZ,YAAY,cACd;GACF;EACF;EACA,SAAS;GACP,UAAU;GACV,OAAO;EACT;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACV,UAAU;EACZ;EACA,UAAU;GACR,MAAM;GACN,WAAW;GACX,WAAW;GACX,cAAc;EAChB;EACA,aAAa;GACX,SAAS;GACT,eAAe;GACf,MAAM;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"}

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

@@ -453,6 +453,7 @@ declare const slotRecipes: {
                     height: "16";
                 };
                 input: {
+                    paddingInlineEnd: "96";
                     lineHeight: "normal";
                     paddingInline: string;
                     paddingBlock: string;
@@ -474,6 +475,7 @@ declare const slotRecipes: {
                     height: "24";
                 };
                 input: {
+                    paddingInlineEnd: "96";
                     lineHeight: "normal";
                     paddingInline: string;
                     paddingBlock: string;
@@ -482,6 +484,14 @@ declare const slotRecipes: {
                 };
             };
         };
+        hasStatusIcon: {
+            true: {
+                input: {
+                    paddingInlineEnd: "128";
+                };
+            };
+            false: {};
+        };
     }>;
     dataWidget: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "root" | "action" | "items", import('@chakra-ui/react').SlotRecipeVariantRecord<"title" | "root" | "action" | "items">>;
     datePicker: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "root" | "trigger" | "positioner" | "valueText" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "months", {
@@ -573,7 +583,7 @@ declare const slotRecipes: {
                 emptyState?: {
                     paddingBlock: "8";
                 } | undefined;
-                createItem?: {
+                action?: {
                     minHeight: "40";
                     paddingBlock: "8";
                     textStyle: "body/md/regular";
@@ -1508,7 +1518,15 @@ declare const slotRecipes: {
             };
         };
     }>;
-    select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "checkbox" | "emptyState" | "list" | "root" | "item" | "itemContent" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "clearTrigger" | "control" | "searchInputGroup" | "itemList" | "createItemContainer" | "searchInput" | "searchClear" | "createItem" | "itemLabel" | "itemHelperText" | "indicatorGroup" | "checkmark" | "itemLoading" | "itemLoadingLabel", {
+    select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "checkbox" | "emptyState" | "list" | "root" | "item" | "itemContent" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "action" | "clearTrigger" | "control" | "actionContainer" | "searchInputGroup" | "searchInput" | "searchClear" | "itemList" | "itemLabel" | "itemHelperText" | "indicatorGroup" | "checkmark" | "itemLoading" | "itemLoadingLabel", {
+        hasStatusIcon: {
+            true: {
+                trigger: {
+                    paddingInlineEnd: "96";
+                };
+            };
+            false: {};
+        };
         size: {
             lg: {
                 checkbox: {
@@ -1548,7 +1566,7 @@ declare const slotRecipes: {
                 emptyState: {
                     paddingBlock: "12";
                 };
-                createItem: {
+                action: {
                     minHeight: "48";
                     paddingBlock: "12";
                     textStyle: "body/lg/regular";
@@ -1607,7 +1625,7 @@ declare const slotRecipes: {
                 emptyState: {
                     paddingBlock: "8";
                 };
-                createItem: {
+                action: {
                     minHeight: "40";
                     paddingBlock: "8";
                     textStyle: "body/md/regular";

package/dist/utilities/withSubComponents.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+/**
+ * Attaches sub-components to a component for dot-notation access (e.g. `BitkitSelect.Action`)
+ * while preserving the component's type on the default export.
+ *
+ * `forwardRef` + a bare `Object.assign` loses the component's type info; this helper keeps it via
+ * the `T & S` return type. Prefer this over `Object.assign(Component, { ... })` for compound exports.
+ *
+ * @example
+ * export default withSubComponents(BitkitSelect, { Action: BitkitSelectMenuAction });
+ */
+export declare const withSubComponents: <T extends object, S extends Record<string, unknown>>(component: T, subs: S) => T & S;

package/dist/utilities/withSubComponents.js ADDED Viewed

@@ -0,0 +1,16 @@
+//#region lib/utilities/withSubComponents.ts
+/**
+* Attaches sub-components to a component for dot-notation access (e.g. `BitkitSelect.Action`)
+* while preserving the component's type on the default export.
+*
+* `forwardRef` + a bare `Object.assign` loses the component's type info; this helper keeps it via
+* the `T & S` return type. Prefer this over `Object.assign(Component, { ... })` for compound exports.
+*
+* @example
+* export default withSubComponents(BitkitSelect, { Action: BitkitSelectMenuAction });
+*/
+var withSubComponents = (component, subs) => Object.assign(component, subs);
+//#endregion
+export { withSubComponents };
+//# sourceMappingURL=withSubComponents.js.map

package/dist/utilities/withSubComponents.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withSubComponents.js","names":[],"sources":["../../lib/utilities/withSubComponents.ts"],"sourcesContent":["/**\n * Attaches sub-components to a component for dot-notation access (e.g. `BitkitSelect.Action`)\n * while preserving the component's type on the default export.\n *\n * `forwardRef` + a bare `Object.assign` loses the component's type info; this helper keeps it via\n * the `T & S` return type. Prefer this over `Object.assign(Component, { ... })` for compound exports.\n *\n * @example\n * export default withSubComponents(BitkitSelect, { Action: BitkitSelectMenuAction });\n */\n\nexport const withSubComponents = <T extends object, S extends Record<string, unknown>>(component: T, subs: S): T & S =>\n Object.assign(component, subs);\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,qBAA0E,WAAc,SACnG,OAAO,OAAO,WAAW,IAAI"}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.226",
+  "version": "0.3.228",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",