@bitrise/bitkit-v2 0.3.481-beta.3103 → 0.3.481-beta.3107

package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts

@@ -85,6 +85,91 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
                 height: "16";
             } | undefined;
         };
+        lg: {
+            trigger: {
+                height: "40";
+                paddingBlock: "8";
+                paddingInlineEnd: `${number}rem`;
+                paddingInlineStart: "8";
+                textStyle: "body/lg/regular";
+                '&:has([data-slot="avatar"])'?: {
+                    paddingBlock: `${number}rem`;
+                    paddingInlineStart: `${number}rem`;
+                } | undefined;
+            };
+            indicatorGroup: {
+                paddingInlineEnd: "4";
+            };
+            indicator: {
+                _icon: {
+                    width: "16";
+                    height: "16";
+                };
+            };
+            checkbox?: {
+                width: "24";
+                height: "24";
+            } | undefined;
+            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";
+                };
+                paddingInline: "16";
+                paddingBlock: "12";
+                textStyle: "body/lg/regular";
+                _selected: {
+                    textStyle: "body/lg/semibold";
+                };
+            } | undefined;
+            content?: {
+                '--select-menu-list-max-height': `${number}rem`;
+            } | undefined;
+            itemLabel?: {
+                textStyle: "body/lg/regular";
+                lineHeight: "normal";
+            } | undefined;
+            itemLoadingLabel?: {
+                textStyle: "body/lg/regular";
+            } | undefined;
+            emptyState?: {
+                paddingBlock: "12";
+            } | undefined;
+            errorState?: {
+                paddingBlock: "8";
+            } | undefined;
+            errorLabel?: {
+                textStyle: "body/lg/regular";
+            } | undefined;
+            action?: {
+                minHeight: "48";
+                paddingBlock: "12";
+                textStyle: "body/lg/regular";
+                lineHeight: "normal";
+            } | undefined;
+            searchInputGroup?: {
+                height: `${number}rem`;
+                paddingBlock: "16";
+            } | undefined;
+            searchInput?: {
+                textStyle: "body/lg/regular";
+            } | undefined;
+            searchClear?: {
+                padding: "8";
+            } | undefined;
+            itemIndicator?: {
+                width: "24";
+                height: "24";
+            } | undefined;
+        };
     };
 }>;
 export default datePickerSelectSlotRecipe;

package/dist/theme/slot-recipes/DatePickerSelect.recipe.js

@@ -1,3 +1,4 @@
+import { rem } from "../themeUtils.js";
 import { selectSlotRecipe } from "./Select.recipe.js";
 import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
 import { selectAnatomy } from "@chakra-ui/react/anatomy";
@@ -10,6 +11,7 @@ var datePickerSelectSlotRecipe = defineSlotRecipe({
 			...selectSlotRecipe.base?.trigger,
 			borderWidth: 0,
 			height: "32",
+			minWidth: 0,
 			paddingInlineStart: "12",
 			paddingInlineEnd: "8",
 			"&:hover:not(:active)": { bg: "background/hover" },
@@ -26,19 +28,42 @@ var datePickerSelectSlotRecipe = defineSlotRecipe({
 		indicatorGroup: {
 			...selectSlotRecipe.base?.indicatorGroup,
 			paddingInline: "8"
+		},
+		valueText: {
+			display: "block",
+			minWidth: 0,
+			truncate: true
 		}
 	},
-	variants: { size: { md: {
-		...selectSlotRecipe.variants?.size?.md,
-		trigger: {
-			...selectSlotRecipe.variants?.size?.md.trigger,
-			paddingBlock: "6"
+	variants: { size: {
+		md: {
+			...selectSlotRecipe.variants?.size?.md,
+			trigger: {
+				...selectSlotRecipe.variants?.size?.md.trigger,
+				paddingBlock: "6"
+			},
+			indicator: { _icon: {
+				width: "16",
+				height: "16"
+			} }
 		},
-		indicator: { _icon: {
-			width: "16",
-			height: "16"
-		} }
-	} } },
+		lg: {
+			...selectSlotRecipe.variants?.size?.lg,
+			trigger: {
+				...selectSlotRecipe.variants?.size?.lg.trigger,
+				height: "40",
+				paddingBlock: "8",
+				paddingInlineEnd: rem(28),
+				paddingInlineStart: "8",
+				textStyle: "body/lg/regular"
+			},
+			indicatorGroup: { paddingInlineEnd: "4" },
+			indicator: { _icon: {
+				width: "16",
+				height: "16"
+			} }
+		}
+	} },
 	defaultVariants: { size: "md" }
 });
 //#endregion

package/dist/theme/slot-recipes/DatePickerSelect.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DatePickerSelect.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { selectSlotRecipe } from './Select.recipe';\n\nconst datePickerSelectSlotRecipe = defineSlotRecipe({\n  className: 'datePickerSelect',\n  slots: selectAnatomy.keys(),\n  base: {\n    trigger: {\n      ...selectSlotRecipe.base?.trigger,\n      borderWidth: 0,\n      height: '32',\n      paddingInlineStart: '12',\n      paddingInlineEnd: '8',\n      '&:hover:not(:active)': {\n        bg: 'background/hover',\n      },\n      '&:active': {\n        bg: 'background/active',\n      },\n    },\n    indicator: {\n      ...selectSlotRecipe.base?.indicator,\n      color: 'icon/tertiary',\n      _icon: {\n        width: '16',\n        height: '16',\n      },\n    },\n    indicatorGroup: {\n      ...selectSlotRecipe.base?.indicatorGroup,\n      paddingInline: '8',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        ...selectSlotRecipe.variants?.size?.md,\n        trigger: {\n          ...selectSlotRecipe.variants?.size?.md.trigger,\n          paddingBlock: '6',\n        },\n        indicator: {\n          _icon: {\n            width: '16',\n            height: '16',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default datePickerSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,6BAA6B,iBAAiB;CAClD,WAAW;CACX,OAAO,cAAc,KAAK;CAC1B,MAAM;EACJ,SAAS;GACP,GAAG,iBAAiB,MAAM;GAC1B,aAAa;GACb,QAAQ;GACR,oBAAoB;GACpB,kBAAkB;GAClB,wBAAwB,EACtB,IAAI,mBACN;GACA,YAAY,EACV,IAAI,oBACN;EACF;EACA,WAAW;GACT,GAAG,iBAAiB,MAAM;GAC1B,OAAO;GACP,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF;EACA,gBAAgB;GACd,GAAG,iBAAiB,MAAM;GAC1B,eAAe;EACjB;CACF;CACA,UAAU,EACR,MAAM,EACJ,IAAI;EACF,GAAG,iBAAiB,UAAU,MAAM;EACpC,SAAS;GACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;GACvC,cAAc;EAChB;EACA,WAAW,EACT,OAAO;GACL,OAAO;GACP,QAAQ;EACV,EACF;CACF,EACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"DatePickerSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DatePickerSelect.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\nimport { selectSlotRecipe } from './Select.recipe';\n\nconst datePickerSelectSlotRecipe = defineSlotRecipe({\n  className: 'datePickerSelect',\n  slots: selectAnatomy.keys(),\n  base: {\n    trigger: {\n      ...selectSlotRecipe.base?.trigger,\n      borderWidth: 0,\n      height: '32',\n      minWidth: 0,\n      paddingInlineStart: '12',\n      paddingInlineEnd: '8',\n      '&:hover:not(:active)': {\n        bg: 'background/hover',\n      },\n      '&:active': {\n        bg: 'background/active',\n      },\n    },\n    indicator: {\n      ...selectSlotRecipe.base?.indicator,\n      color: 'icon/tertiary',\n      _icon: {\n        width: '16',\n        height: '16',\n      },\n    },\n    indicatorGroup: {\n      ...selectSlotRecipe.base?.indicatorGroup,\n      paddingInline: '8',\n    },\n    // A long month name is cut off before the chevron once the select shrinks, e.g. on a 320px screen.\n    valueText: {\n      display: 'block',\n      minWidth: 0,\n      truncate: true,\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        ...selectSlotRecipe.variants?.size?.md,\n        trigger: {\n          ...selectSlotRecipe.variants?.size?.md.trigger,\n          paddingBlock: '6',\n        },\n        indicator: {\n          _icon: {\n            width: '16',\n            height: '16',\n          },\n        },\n      },\n      // The mobile calendar: taller trigger and larger text.\n      lg: {\n        ...selectSlotRecipe.variants?.size?.lg,\n        trigger: {\n          ...selectSlotRecipe.variants?.size?.lg.trigger,\n          height: '40',\n          paddingBlock: '8',\n          // Clears the chevron, which sits over the trigger's end. Tight, so the year still fits at 320px.\n          paddingInlineEnd: rem(28),\n          paddingInlineStart: '8',\n          textStyle: 'body/lg/regular',\n        },\n        indicatorGroup: {\n          paddingInlineEnd: '4',\n        },\n        indicator: {\n          _icon: {\n            width: '16',\n            height: '16',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default datePickerSelectSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,6BAA6B,iBAAiB;CAClD,WAAW;CACX,OAAO,cAAc,KAAK;CAC1B,MAAM;EACJ,SAAS;GACP,GAAG,iBAAiB,MAAM;GAC1B,aAAa;GACb,QAAQ;GACR,UAAU;GACV,oBAAoB;GACpB,kBAAkB;GAClB,wBAAwB,EACtB,IAAI,mBACN;GACA,YAAY,EACV,IAAI,oBACN;EACF;EACA,WAAW;GACT,GAAG,iBAAiB,MAAM;GAC1B,OAAO;GACP,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF;EACA,gBAAgB;GACd,GAAG,iBAAiB,MAAM;GAC1B,eAAe;EACjB;EAEA,WAAW;GACT,SAAS;GACT,UAAU;GACV,UAAU;EACZ;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,GAAG,iBAAiB,UAAU,MAAM;GACpC,SAAS;IACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;IACvC,cAAc;GAChB;GACA,WAAW,EACT,OAAO;IACL,OAAO;IACP,QAAQ;GACV,EACF;EACF;EAEA,IAAI;GACF,GAAG,iBAAiB,UAAU,MAAM;GACpC,SAAS;IACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;IACvC,QAAQ;IACR,cAAc;IAEd,kBAAkB,IAAI,EAAE;IACxB,oBAAoB;IACpB,WAAW;GACb;GACA,gBAAgB,EACd,kBAAkB,IACpB;GACA,WAAW,EACT,OAAO;IACL,OAAO;IACP,QAAQ;GACV,EACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

package/dist/theme/slot-recipes/Filter.recipe.d.ts

@@ -0,0 +1,35 @@
+declare const filterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "content" | "pattern" | "switch" | "icon" | "field" | "root" | "loading" | "items" | "searchInput" | "addSheetBackdrop" | "addSheetPositioner" | "addSheet" | "addMenu" | "addMenuLabel" | "addSheetItem" | "addMenuItem" | "addMenuIcon" | "addSheetItemReason" | "chip" | "chipLabel" | "chipTrigger" | "chipRemove" | "chipIcon" | "chipValue" | "chipChevron" | "fieldLabel" | "fieldControl" | "fieldTrigger" | "fieldRemove" | "fieldIcon" | "fieldValue" | "fieldChevron" | "mobilePanelHeader" | "popoverFooter" | "mobileFooter" | "popoverFooterStart" | "mobilePanelOverline" | "mobilePanelTitle" | "popoverContent" | "calendarFooter" | "mobileSearch" | "mobileSearchInput" | "popoverBody" | "checkboxList" | "popoverSearch" | "listHelperText" | "mobileListCheckbox" | "mobileListCheck" | "patternResults" | "patternResultsLabel" | "switchItem" | "switchItemText" | "filters" | "searchBlock" | "mobileBar" | "mobileTrigger" | "mobileHeader" | "mobileTitle" | "mobileBody", {
+    pageLayout: {
+        capped: {
+            root: {
+                borderBlockEndWidth: "1";
+                borderColor: "border/regular";
+                paddingBlock: "12";
+                paddingInline: {
+                    base: "16";
+                    tablet: "32";
+                };
+            };
+        };
+        full: {
+            root: {
+                borderBlockEndWidth: "1";
+                borderColor: "border/regular";
+                paddingBlock: "12";
+                paddingInline: {
+                    base: "16";
+                    tablet: "32";
+                };
+            };
+        };
+    };
+    contentAlign: {
+        center: {};
+        start: {
+            root: {
+                justifyContent: "flex-start";
+            };
+        };
+    };
+}>;
+export default filterSlotRecipe;