@bitrise/bitkit-v2 0.3.265 → 0.3.267-beta.1792
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.
- package/AGENTS.md +15 -2
- package/dist/components/BitkitDialog/BitkitDialog.d.ts +3 -16
- package/dist/components/BitkitDialog/BitkitDialog.js +23 -46
- package/dist/components/BitkitDialog/BitkitDialog.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitFormDialog.d.ts +9 -0
- package/dist/components/BitkitDialog/BitkitFormDialog.js +53 -0
- package/dist/components/BitkitDialog/BitkitFormDialog.js.map +1 -0
- package/dist/components/BitkitDialog/BitkitStepperDialog.d.ts +46 -0
- package/dist/components/BitkitDialog/BitkitStepperDialog.js +91 -0
- package/dist/components/BitkitDialog/BitkitStepperDialog.js.map +1 -0
- package/dist/components/BitkitDialog/BitkitStepperDialogStep.d.ts +20 -0
- package/dist/components/BitkitDialog/{BitkitDialogStep.js → BitkitStepperDialogStep.js} +9 -9
- package/dist/components/BitkitDialog/BitkitStepperDialogStep.js.map +1 -0
- package/dist/components/BitkitDialog/DialogBodyContext.d.ts +12 -0
- package/dist/components/BitkitDialog/{BitkitDialogBody.js → DialogBodyContext.js} +11 -12
- package/dist/components/BitkitDialog/DialogBodyContext.js.map +1 -0
- package/dist/components/BitkitDialog/DialogInner.d.ts +25 -0
- package/dist/components/BitkitDialog/DialogInner.js +66 -0
- package/dist/components/BitkitDialog/DialogInner.js.map +1 -0
- package/dist/components/BitkitDialog/DialogShell.d.ts +24 -0
- package/dist/components/BitkitDialog/DialogShell.js +32 -0
- package/dist/components/BitkitDialog/DialogShell.js.map +1 -0
- package/dist/components/BitkitDialog/StepperContext.d.ts +16 -0
- package/dist/components/BitkitDialog/StepperContext.js +11 -0
- package/dist/components/BitkitDialog/StepperContext.js.map +1 -0
- package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js +1 -2
- package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js.map +1 -1
- package/dist/components/index.d.ts +3 -7
- package/dist/main.js +5 -9
- package/dist/theme/slot-recipes/Dialog.recipe.d.ts +16 -2
- package/dist/theme/slot-recipes/Dialog.recipe.js +13 -1
- package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Drawer.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Drawer.recipe.js +1 -1
- package/dist/theme/slot-recipes/Drawer.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/MarkdownCard.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Popover.recipe.js +1 -1
- package/dist/theme/slot-recipes/Popover.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/SplitButton.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/SplitButton.recipe.js +1 -1
- package/dist/theme/slot-recipes/SplitButton.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Table.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/Table.recipe.js +3 -3
- package/dist/theme/slot-recipes/Table.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +22 -8
- package/dist/theme/tokens/{border-widths.js → borderWidths.js} +2 -2
- package/dist/theme/tokens/borderWidths.js.map +1 -0
- package/dist/theme/tokens/index.js +1 -1
- package/dist/theme/tokens/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/BitkitDialog/BitkitDialogBody.d.ts +0 -9
- package/dist/components/BitkitDialog/BitkitDialogBody.js.map +0 -1
- package/dist/components/BitkitDialog/BitkitDialogButtons.d.ts +0 -4
- package/dist/components/BitkitDialog/BitkitDialogButtons.js +0 -17
- package/dist/components/BitkitDialog/BitkitDialogButtons.js.map +0 -1
- package/dist/components/BitkitDialog/BitkitDialogContent.d.ts +0 -27
- package/dist/components/BitkitDialog/BitkitDialogContent.js +0 -57
- package/dist/components/BitkitDialog/BitkitDialogContent.js.map +0 -1
- package/dist/components/BitkitDialog/BitkitDialogFormContent.d.ts +0 -6
- package/dist/components/BitkitDialog/BitkitDialogFormContent.js +0 -30
- package/dist/components/BitkitDialog/BitkitDialogFormContent.js.map +0 -1
- package/dist/components/BitkitDialog/BitkitDialogHeader.d.ts +0 -9
- package/dist/components/BitkitDialog/BitkitDialogHeader.js +0 -8
- package/dist/components/BitkitDialog/BitkitDialogHeader.js.map +0 -1
- package/dist/components/BitkitDialog/BitkitDialogRoot.d.ts +0 -6
- package/dist/components/BitkitDialog/BitkitDialogRoot.js +0 -12
- package/dist/components/BitkitDialog/BitkitDialogRoot.js.map +0 -1
- package/dist/components/BitkitDialog/BitkitDialogStep.d.ts +0 -11
- package/dist/components/BitkitDialog/BitkitDialogStep.js.map +0 -1
- package/dist/components/BitkitDialog/BitkitDialogStepContext.d.ts +0 -5
- package/dist/components/BitkitDialog/BitkitDialogStepContext.js +0 -7
- package/dist/components/BitkitDialog/BitkitDialogStepContext.js.map +0 -1
- package/dist/theme/tokens/border-widths.js.map +0 -1
- /package/dist/theme/tokens/{border-widths.d.ts → borderWidths.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/hover',\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth:
|
|
1
|
+
{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/hover',\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth: 0,\n },\n },\n },\n stacked: {\n root: {\n display: 'block',\n },\n caption: {\n display: 'block',\n padding: '16',\n backgroundColor: 'background/tertiary',\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n },\n header: {\n borderWidth: 0,\n clip: 'rect(0, 0, 0, 0)',\n height: '1',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1',\n },\n body: {\n display: 'block',\n },\n row: {\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n display: 'block',\n paddingBlock: '12',\n '&:last-child': {\n borderBottomWidth: 0,\n },\n },\n cell: {\n alignItems: 'center',\n display: 'flex',\n minHeight: '48',\n paddingInline: '16',\n _before: {\n alignSelf: 'center',\n color: 'text/primary',\n content: 'attr(data-label)',\n flexShrink: 0,\n fontWeight: 'semibold',\n paddingInlineEnd: '16',\n width: '96',\n },\n },\n footer: {\n display: 'block',\n },\n },\n },\n },\n compoundVariants: [\n {\n css: {\n row: {\n borderBottomColor: 'border/regular',\n },\n },\n layout: 'stacked',\n variant: 'borderless',\n },\n ],\n defaultVariants: {\n layout: 'table',\n size: 'lg',\n variant: 'default',\n },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,gBAAgB;GAChB,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;IACjB;IACA,MAAM;KACJ,gBAAgB,EACd,QAAQ,EACN,iBAAiB,mBACnB,EACF;KACA,8BAA8B,EAC5B,mBAAmB,EACrB;IACF;GACF;GACA,SAAS;IACP,MAAM,EACJ,SAAS,QACX;IACA,SAAS;KACP,SAAS;KACT,SAAS;KACT,iBAAiB;KACjB,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;IACrB;IACA,QAAQ;KACN,aAAa;KACb,MAAM;KACN,QAAQ;KACR,QAAQ;KACR,UAAU;KACV,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;IACT;IACA,MAAM,EACJ,SAAS,QACX;IACA,KAAK;KACH,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;KACnB,SAAS;KACT,cAAc;KACd,gBAAgB,EACd,mBAAmB,EACrB;IACF;IACA,MAAM;KACJ,YAAY;KACZ,SAAS;KACT,WAAW;KACX,eAAe;KACf,SAAS;MACP,WAAW;MACX,OAAO;MACP,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,kBAAkB;MAClB,OAAO;KACT;IACF;IACA,QAAQ,EACN,SAAS,QACX;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,KAAK,EACH,KAAK,EACH,mBAAmB,iBACrB,EACF;EACA,QAAQ;EACR,SAAS;CACX,CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
|
|
@@ -674,7 +674,7 @@ declare const slotRecipes: {
|
|
|
674
674
|
};
|
|
675
675
|
};
|
|
676
676
|
}>;
|
|
677
|
-
dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "
|
|
677
|
+
dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "scrollBody" | "scrollGradient" | "scrollButton" | "stepHeader" | "backdrop" | "stepDescription" | "stepTitle" | "stepTitleGroup", {
|
|
678
678
|
scrollBehavior: {
|
|
679
679
|
inside: {
|
|
680
680
|
body: {
|
|
@@ -688,7 +688,21 @@ declare const slotRecipes: {
|
|
|
688
688
|
overflow: "hidden";
|
|
689
689
|
};
|
|
690
690
|
};
|
|
691
|
-
outside: {
|
|
691
|
+
outside: {
|
|
692
|
+
positioner: {
|
|
693
|
+
overflow: "auto";
|
|
694
|
+
paddingBlock: {
|
|
695
|
+
base: number;
|
|
696
|
+
tablet: "10vh";
|
|
697
|
+
};
|
|
698
|
+
};
|
|
699
|
+
content: {
|
|
700
|
+
marginBlock: {
|
|
701
|
+
base: number;
|
|
702
|
+
tablet: "auto";
|
|
703
|
+
};
|
|
704
|
+
};
|
|
705
|
+
};
|
|
692
706
|
};
|
|
693
707
|
size: {
|
|
694
708
|
full: {
|
|
@@ -899,7 +913,7 @@ declare const slotRecipes: {
|
|
|
899
913
|
};
|
|
900
914
|
footer: {
|
|
901
915
|
borderBlockStartColor: "transparent";
|
|
902
|
-
borderBlockStartWidth:
|
|
916
|
+
borderBlockStartWidth: number;
|
|
903
917
|
paddingBlockEnd: "24";
|
|
904
918
|
paddingBlockStart: "32";
|
|
905
919
|
paddingInline: "24";
|
|
@@ -1047,7 +1061,7 @@ declare const slotRecipes: {
|
|
|
1047
1061
|
};
|
|
1048
1062
|
};
|
|
1049
1063
|
}>;
|
|
1050
|
-
markdownCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "
|
|
1064
|
+
markdownCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "footerButtons" | "iconBar" | "gradient", {
|
|
1051
1065
|
status: {
|
|
1052
1066
|
info: {
|
|
1053
1067
|
iconBar: {
|
|
@@ -1773,7 +1787,7 @@ declare const slotRecipes: {
|
|
|
1773
1787
|
variant: {
|
|
1774
1788
|
primary: {
|
|
1775
1789
|
trigger: {
|
|
1776
|
-
borderWidth:
|
|
1790
|
+
borderWidth: number;
|
|
1777
1791
|
borderInlineStartWidth: "1";
|
|
1778
1792
|
borderInlineStartColor: "border/on-contrast";
|
|
1779
1793
|
_hover: {
|
|
@@ -2030,7 +2044,7 @@ declare const slotRecipes: {
|
|
|
2030
2044
|
};
|
|
2031
2045
|
};
|
|
2032
2046
|
'& :where(tr:last-child) td': {
|
|
2033
|
-
borderBottomWidth:
|
|
2047
|
+
borderBottomWidth: number;
|
|
2034
2048
|
};
|
|
2035
2049
|
};
|
|
2036
2050
|
};
|
|
@@ -2047,7 +2061,7 @@ declare const slotRecipes: {
|
|
|
2047
2061
|
borderBottomWidth: "1";
|
|
2048
2062
|
};
|
|
2049
2063
|
header: {
|
|
2050
|
-
borderWidth:
|
|
2064
|
+
borderWidth: number;
|
|
2051
2065
|
clip: "rect(0, 0, 0, 0)";
|
|
2052
2066
|
height: "1";
|
|
2053
2067
|
margin: "-1px";
|
|
@@ -2067,7 +2081,7 @@ declare const slotRecipes: {
|
|
|
2067
2081
|
display: "block";
|
|
2068
2082
|
paddingBlock: "12";
|
|
2069
2083
|
'&:last-child': {
|
|
2070
|
-
borderBottomWidth:
|
|
2084
|
+
borderBottomWidth: number;
|
|
2071
2085
|
};
|
|
2072
2086
|
};
|
|
2073
2087
|
cell: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineTokens } from "@chakra-ui/react/styled-system";
|
|
2
|
-
//#region lib/theme/tokens/
|
|
2
|
+
//#region lib/theme/tokens/borderWidths.ts
|
|
3
3
|
var borderWidths = defineTokens.borderWidths({
|
|
4
4
|
"1": { value: "1px" },
|
|
5
5
|
"2": { value: "2px" }
|
|
@@ -7,4 +7,4 @@ var borderWidths = defineTokens.borderWidths({
|
|
|
7
7
|
//#endregion
|
|
8
8
|
export { borderWidths as default };
|
|
9
9
|
|
|
10
|
-
//# sourceMappingURL=
|
|
10
|
+
//# sourceMappingURL=borderWidths.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderWidths.js","names":[],"sources":["../../../lib/theme/tokens/borderWidths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n '1': {\n value: '1px',\n },\n '2': {\n value: '2px',\n },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/tokens/index.ts"],"sourcesContent":["import animations from './animations';\nimport borderWidths from './
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/tokens/index.ts"],"sourcesContent":["import animations from './animations';\nimport borderWidths from './borderWidths';\nimport colors from './colors';\nimport durations from './durations';\nimport easings from './easings';\nimport fonts from './fonts';\nimport fontSizes from './fontSizes';\nimport fontWeights from './fontWeights';\nimport radii from './radii';\nimport sizes from './sizes';\nimport spacing from './spacing';\nimport zIndex from './zIndex';\n\nconst tokens = {\n animations,\n borderWidths,\n colors,\n durations,\n easings,\n fonts,\n fontSizes,\n fontWeights,\n radii,\n sizes,\n spacing,\n zIndex,\n};\n\nexport default tokens;\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
|
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Dialog } from '@chakra-ui/react/dialog';
|
|
2
|
-
interface DialogBodyContext {
|
|
3
|
-
scrollBehavior: 'inside' | 'outside';
|
|
4
|
-
showScrollGradient: boolean;
|
|
5
|
-
}
|
|
6
|
-
export type BitkitDialogBodyProps = Dialog.BodyProps;
|
|
7
|
-
export declare const DialogBodyContext: import('react').Context<DialogBodyContext>;
|
|
8
|
-
declare const BitkitDialogBody: ({ children, ...rest }: BitkitDialogBodyProps) => import("react").JSX.Element;
|
|
9
|
-
export default BitkitDialogBody;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialogBody.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogBody.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog, useDialogContext, useDialogStyles } from '@chakra-ui/react/dialog';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport {\n Children,\n cloneElement,\n createContext,\n isValidElement,\n type ReactElement,\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { IconArrowDown } from '../../icons';\nimport BitkitDialogStep from './BitkitDialogStep';\n\ninterface DialogBodyContext {\n scrollBehavior: 'inside' | 'outside';\n showScrollGradient: boolean;\n}\n\nexport type BitkitDialogBodyProps = Dialog.BodyProps;\n\nexport const DialogBodyContext = createContext<DialogBodyContext>({\n scrollBehavior: 'outside',\n showScrollGradient: true,\n});\n\nconst ScrollableDialogBody = ({ children, ...props }: Dialog.BodyProps) => {\n const { showScrollGradient } = useContext(DialogBodyContext);\n const styles = useDialogStyles();\n const { open } = useDialogContext();\n const contentRef = useRef<HTMLDivElement>(null);\n const [isScrollButtonVisible, setIsScrollButtonVisible] = useState(false);\n\n const updateScrollButtonVisibility = useCallback(() => {\n const content = contentRef.current;\n if (!content) {\n setIsScrollButtonVisible(false);\n return;\n }\n const didScrollToBottom = content.scrollTop >= content.scrollHeight - content.offsetHeight - 1;\n setIsScrollButtonVisible(!didScrollToBottom);\n }, []);\n\n useEffect(() => {\n const content = contentRef.current;\n if (!open || !content) return;\n\n content.addEventListener('scroll', updateScrollButtonVisibility);\n const resizeObserver = new ResizeObserver(updateScrollButtonVisibility);\n resizeObserver.observe(content);\n\n return () => {\n content.removeEventListener('scroll', updateScrollButtonVisibility);\n resizeObserver.disconnect();\n };\n }, [open, updateScrollButtonVisibility]);\n\n return (\n <Box css={styles.scrollBody}>\n <Dialog.Body ref={contentRef} {...props}>\n {children}\n </Dialog.Body>\n {isScrollButtonVisible && (\n <>\n {showScrollGradient && <Box css={styles.scrollGradient} />}\n <chakra.button\n aria-label=\"Scroll to bottom\"\n css={styles.scrollButton}\n type=\"button\"\n onClick={() => {\n contentRef.current?.scrollTo({ top: contentRef.current.scrollHeight, behavior: 'smooth' });\n }}\n >\n <IconArrowDown color=\"icon/tertiary\" size=\"16\" />\n </chakra.button>\n </>\n )}\n </Box>\n );\n};\n\nconst BitkitDialogBody = ({ children, ...rest }: BitkitDialogBodyProps) => {\n const { scrollBehavior } = useContext(DialogBodyContext);\n\n const mappedChildren = Children.map(children, (child, index) => {\n if (isValidElement(child) && child.type === BitkitDialogStep) {\n return cloneElement(child as ReactElement<{ _index?: number }>, { _index: index });\n }\n return child;\n });\n\n if (scrollBehavior === 'inside') {\n return <ScrollableDialogBody {...rest}>{mappedChildren}</ScrollableDialogBody>;\n }\n return <Dialog.Body {...rest}>{mappedChildren}</Dialog.Body>;\n};\n\nexport default BitkitDialogBody;\n"],"mappings":";;;;;;;;AA0BA,IAAa,oBAAoB,cAAiC;CAChE,gBAAgB;CAChB,oBAAoB;AACtB,CAAC;AAED,IAAM,wBAAwB,EAAE,UAAU,GAAG,YAA8B;CACzE,MAAM,EAAE,uBAAuB,WAAW,iBAAiB;CAC3D,MAAM,SAAS,gBAAgB;CAC/B,MAAM,EAAE,SAAS,iBAAiB;CAClC,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,KAAK;CAExE,MAAM,+BAA+B,kBAAkB;EACrD,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS;GACZ,yBAAyB,KAAK;GAC9B;EACF;EAEA,yBAAyB,EADC,QAAQ,aAAa,QAAQ,eAAe,QAAQ,eAAe,EAClD;CAC7C,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,QAAQ,CAAC,SAAS;EAEvB,QAAQ,iBAAiB,UAAU,4BAA4B;EAC/D,MAAM,iBAAiB,IAAI,eAAe,4BAA4B;EACtE,eAAe,QAAQ,OAAO;EAE9B,aAAa;GACX,QAAQ,oBAAoB,UAAU,4BAA4B;GAClE,eAAe,WAAW;EAC5B;CACF,GAAG,CAAC,MAAM,4BAA4B,CAAC;CAEvC,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;YAAjB,CACE,oBAAC,OAAO,MAAR;GAAa,KAAK;GAAY,GAAI;GAC/B;EACU,CAAA,GACZ,yBACC,qBAAA,YAAA,EAAA,UAAA,CACG,sBAAsB,oBAAC,KAAD,EAAK,KAAK,OAAO,eAAiB,CAAA,GACzD,oBAAC,OAAO,QAAR;GACE,cAAW;GACX,KAAK,OAAO;GACZ,MAAK;GACL,eAAe;IACb,WAAW,SAAS,SAAS;KAAE,KAAK,WAAW,QAAQ;KAAc,UAAU;IAAS,CAAC;GAC3F;aAEA,oBAAC,eAAD;IAAe,OAAM;IAAgB,MAAK;GAAM,CAAA;EACnC,CAAA,CACf,EAAA,CAAA,CAED;;AAET;AAEA,IAAM,oBAAoB,EAAE,UAAU,GAAG,WAAkC;CACzE,MAAM,EAAE,mBAAmB,WAAW,iBAAiB;CAEvD,MAAM,iBAAiB,SAAS,IAAI,WAAW,OAAO,UAAU;EAC9D,IAAI,eAAe,KAAK,KAAK,MAAM,SAAS,kBAC1C,OAAO,aAAa,OAA4C,EAAE,QAAQ,MAAM,CAAC;EAEnF,OAAO;CACT,CAAC;CAED,IAAI,mBAAmB,UACrB,OAAO,oBAAC,sBAAD;EAAsB,GAAI;YAAO;CAAqC,CAAA;CAE/E,OAAO,oBAAC,OAAO,MAAR;EAAa,GAAI;YAAO;CAA4B,CAAA;AAC7D"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from '@chakra-ui/react/box';
|
|
2
|
-
export type BitkitDialogButtonsProps = BoxProps;
|
|
3
|
-
declare const BitkitDialogButtons: import('react').ForwardRefExoticComponent<BoxProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
4
|
-
export default BitkitDialogButtons;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Box } from "@chakra-ui/react/box";
|
|
2
|
-
import { forwardRef } from "react";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
//#region lib/components/BitkitDialog/BitkitDialogButtons.tsx
|
|
5
|
-
var BitkitDialogButtons = forwardRef((props, ref) => /* @__PURE__ */ jsx(Box, {
|
|
6
|
-
ref,
|
|
7
|
-
display: "flex",
|
|
8
|
-
gap: "16",
|
|
9
|
-
justifyContent: "flex-end",
|
|
10
|
-
paddingBlockStart: "24",
|
|
11
|
-
...props
|
|
12
|
-
}));
|
|
13
|
-
BitkitDialogButtons.displayName = "BitkitDialogButtons";
|
|
14
|
-
//#endregion
|
|
15
|
-
export { BitkitDialogButtons as default };
|
|
16
|
-
|
|
17
|
-
//# sourceMappingURL=BitkitDialogButtons.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialogButtons.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogButtons.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { forwardRef } from 'react';\n\nexport type BitkitDialogButtonsProps = BoxProps;\n\nconst BitkitDialogButtons = forwardRef<HTMLDivElement, BitkitDialogButtonsProps>((props, ref) => (\n <Box ref={ref} display=\"flex\" gap=\"16\" justifyContent=\"flex-end\" paddingBlockStart=\"24\" {...props} />\n));\n\nBitkitDialogButtons.displayName = 'BitkitDialogButtons';\n\nexport default BitkitDialogButtons;\n"],"mappings":";;;;AAKA,IAAM,sBAAsB,YAAsD,OAAO,QACvF,oBAAC,KAAD;CAAU;CAAK,SAAQ;CAAO,KAAI;CAAK,gBAAe;CAAW,mBAAkB;CAAK,GAAI;AAAQ,CAAA,CACrG;AAED,oBAAoB,cAAc"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
interface DialogContentInnerProps {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
closable?: boolean;
|
|
5
|
-
headerLabel?: string;
|
|
6
|
-
scrollBehavior?: 'inside' | 'outside';
|
|
7
|
-
showScrollGradient?: boolean;
|
|
8
|
-
step?: number;
|
|
9
|
-
stepHeader?: ReactNode;
|
|
10
|
-
title: ReactNode;
|
|
11
|
-
variant?: 'overflowContent';
|
|
12
|
-
}
|
|
13
|
-
export declare const DialogContentInner: ({ children, closable, headerLabel, scrollBehavior: scrollBehaviorProp, showScrollGradient, step, stepHeader, title, variant, }: DialogContentInnerProps) => import("react").JSX.Element;
|
|
14
|
-
export interface BitkitDialogContentProps {
|
|
15
|
-
children?: ReactNode;
|
|
16
|
-
closable?: boolean;
|
|
17
|
-
headerLabel?: string;
|
|
18
|
-
maxHeight?: string;
|
|
19
|
-
scrollBehavior?: 'inside' | 'outside';
|
|
20
|
-
showScrollGradient?: boolean;
|
|
21
|
-
step?: number;
|
|
22
|
-
stepHeader?: ReactNode;
|
|
23
|
-
title: ReactNode;
|
|
24
|
-
variant?: 'overflowContent';
|
|
25
|
-
}
|
|
26
|
-
declare const BitkitDialogContent: ({ maxHeight, ...inner }: BitkitDialogContentProps) => import("react").JSX.Element;
|
|
27
|
-
export default BitkitDialogContent;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
|
|
2
|
-
import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
|
|
3
|
-
import { BitkitDialogStepProvider } from "./BitkitDialogStepContext.js";
|
|
4
|
-
import { DialogBodyContext } from "./BitkitDialogBody.js";
|
|
5
|
-
import { Box } from "@chakra-ui/react/box";
|
|
6
|
-
import { chakra } from "@chakra-ui/react/styled-system";
|
|
7
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
-
import { Dialog, useDialogStyles } from "@chakra-ui/react/dialog";
|
|
9
|
-
//#region lib/components/BitkitDialog/BitkitDialogContent.tsx
|
|
10
|
-
var PORTAL_DISABLED = { disablePortal: true };
|
|
11
|
-
var DialogContentInner = ({ children, closable = true, headerLabel, scrollBehavior: scrollBehaviorProp = "outside", showScrollGradient = true, step = 0, stepHeader, title, variant }) => {
|
|
12
|
-
const scrollBehavior = variant === "overflowContent" ? "inside" : scrollBehaviorProp;
|
|
13
|
-
const styles = useDialogStyles();
|
|
14
|
-
return /* @__PURE__ */ jsx(BitkitPortalContext.Provider, {
|
|
15
|
-
value: PORTAL_DISABLED,
|
|
16
|
-
children: /* @__PURE__ */ jsx(BitkitDialogStepProvider, {
|
|
17
|
-
value: { step },
|
|
18
|
-
children: /* @__PURE__ */ jsxs(DialogBodyContext.Provider, {
|
|
19
|
-
value: {
|
|
20
|
-
scrollBehavior,
|
|
21
|
-
showScrollGradient
|
|
22
|
-
},
|
|
23
|
-
children: [/* @__PURE__ */ jsxs(Dialog.Header, { children: [
|
|
24
|
-
/* @__PURE__ */ jsxs(Box, {
|
|
25
|
-
display: "flex",
|
|
26
|
-
flexDirection: "column",
|
|
27
|
-
gap: "4",
|
|
28
|
-
children: [headerLabel && /* @__PURE__ */ jsx(chakra.p, {
|
|
29
|
-
css: styles.label,
|
|
30
|
-
children: headerLabel
|
|
31
|
-
}), /* @__PURE__ */ jsx(Dialog.Title, { children: title })]
|
|
32
|
-
}),
|
|
33
|
-
!!stepHeader && /* @__PURE__ */ jsx(Box, {
|
|
34
|
-
css: styles.stepHeader,
|
|
35
|
-
children: stepHeader
|
|
36
|
-
}),
|
|
37
|
-
/* @__PURE__ */ jsx(Dialog.CloseTrigger, {
|
|
38
|
-
asChild: true,
|
|
39
|
-
children: /* @__PURE__ */ jsx(BitkitCloseButton, {
|
|
40
|
-
disabled: !closable,
|
|
41
|
-
size: variant === "overflowContent" ? "xs" : "md",
|
|
42
|
-
type: "button"
|
|
43
|
-
})
|
|
44
|
-
})
|
|
45
|
-
] }), children]
|
|
46
|
-
})
|
|
47
|
-
})
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
var BitkitDialogContent = ({ maxHeight, ...inner }) => /* @__PURE__ */ jsx(Dialog.Content, {
|
|
51
|
-
maxHeight,
|
|
52
|
-
children: /* @__PURE__ */ jsx(DialogContentInner, { ...inner })
|
|
53
|
-
});
|
|
54
|
-
//#endregion
|
|
55
|
-
export { DialogContentInner, BitkitDialogContent as default };
|
|
56
|
-
|
|
57
|
-
//# sourceMappingURL=BitkitDialogContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialogContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog, useDialogStyles } from '@chakra-ui/react/dialog';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nconst PORTAL_DISABLED = { disablePortal: true };\nimport { DialogBodyContext } from './BitkitDialogBody';\nimport { BitkitDialogStepProvider } from './BitkitDialogStepContext';\n\ninterface DialogContentInnerProps {\n children?: ReactNode;\n closable?: boolean;\n headerLabel?: string;\n scrollBehavior?: 'inside' | 'outside';\n showScrollGradient?: boolean;\n step?: number;\n stepHeader?: ReactNode;\n title: ReactNode;\n variant?: 'overflowContent';\n}\n\nexport const DialogContentInner = ({\n children,\n closable = true,\n headerLabel,\n scrollBehavior: scrollBehaviorProp = 'outside',\n showScrollGradient = true,\n step = 0,\n stepHeader,\n title,\n variant,\n}: DialogContentInnerProps) => {\n const scrollBehavior = variant === 'overflowContent' ? 'inside' : scrollBehaviorProp;\n const styles = useDialogStyles();\n\n return (\n <BitkitPortalContext.Provider value={PORTAL_DISABLED}>\n <BitkitDialogStepProvider value={{ step }}>\n <DialogBodyContext.Provider value={{ scrollBehavior, showScrollGradient }}>\n <Dialog.Header>\n <Box display=\"flex\" flexDirection=\"column\" gap=\"4\">\n {headerLabel && <chakra.p css={styles.label}>{headerLabel}</chakra.p>}\n <Dialog.Title>{title}</Dialog.Title>\n </Box>\n {!!stepHeader && <Box css={styles.stepHeader}>{stepHeader}</Box>}\n <Dialog.CloseTrigger asChild>\n <BitkitCloseButton\n disabled={!closable}\n size={variant === 'overflowContent' ? 'xs' : 'md'}\n type=\"button\"\n />\n </Dialog.CloseTrigger>\n </Dialog.Header>\n {children}\n </DialogBodyContext.Provider>\n </BitkitDialogStepProvider>\n </BitkitPortalContext.Provider>\n );\n};\n\nexport interface BitkitDialogContentProps {\n children?: ReactNode;\n closable?: boolean;\n headerLabel?: string;\n maxHeight?: string;\n scrollBehavior?: 'inside' | 'outside';\n showScrollGradient?: boolean;\n step?: number;\n stepHeader?: ReactNode;\n title: ReactNode;\n variant?: 'overflowContent';\n}\n\nconst BitkitDialogContent = ({ maxHeight, ...inner }: BitkitDialogContentProps) => (\n <Dialog.Content maxHeight={maxHeight}>\n <DialogContentInner {...inner} />\n </Dialog.Content>\n);\n\nexport default BitkitDialogContent;\n"],"mappings":";;;;;;;;;AAQA,IAAM,kBAAkB,EAAE,eAAe,KAAK;AAgB9C,IAAa,sBAAsB,EACjC,UACA,WAAW,MACX,aACA,gBAAgB,qBAAqB,WACrC,qBAAqB,MACrB,OAAO,GACP,YACA,OACA,cAC6B;CAC7B,MAAM,iBAAiB,YAAY,oBAAoB,WAAW;CAClE,MAAM,SAAS,gBAAgB;CAE/B,OACE,oBAAC,oBAAoB,UAArB;EAA8B,OAAO;YACnC,oBAAC,0BAAD;GAA0B,OAAO,EAAE,KAAK;aACtC,qBAAC,kBAAkB,UAAnB;IAA4B,OAAO;KAAE;KAAgB;IAAmB;cAAxE,CACE,qBAAC,OAAO,QAAR,EAAA,UAAA;KACE,qBAAC,KAAD;MAAK,SAAQ;MAAO,eAAc;MAAS,KAAI;gBAA/C,CACG,eAAe,oBAAC,OAAO,GAAR;OAAU,KAAK,OAAO;iBAAQ;MAAsB,CAAA,GACpE,oBAAC,OAAO,OAAR,EAAA,UAAe,MAAoB,CAAA,CAChC;;KACJ,CAAC,CAAC,cAAc,oBAAC,KAAD;MAAK,KAAK,OAAO;gBAAa;KAAgB,CAAA;KAC/D,oBAAC,OAAO,cAAR;MAAqB,SAAA;gBACnB,oBAAC,mBAAD;OACE,UAAU,CAAC;OACX,MAAM,YAAY,oBAAoB,OAAO;OAC7C,MAAK;MACN,CAAA;KACkB,CAAA;IACR,EAAA,CAAA,GACd,QACyB;;EACJ,CAAA;CACE,CAAA;AAElC;AAeA,IAAM,uBAAuB,EAAE,WAAW,GAAG,YAC3C,oBAAC,OAAO,SAAR;CAA2B;WACzB,oBAAC,oBAAD,EAAoB,GAAI,MAAQ,CAAA;AAClB,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
|
|
2
|
-
import { BitkitDialogContentProps } from './BitkitDialogContent';
|
|
3
|
-
export interface BitkitDialogFormContentProps extends BitkitDialogContentProps, Omit<HTMLChakraProps<'form'>, keyof BitkitDialogContentProps> {
|
|
4
|
-
}
|
|
5
|
-
declare const BitkitDialogFormContent: import('react').ForwardRefExoticComponent<BitkitDialogFormContentProps & import('react').RefAttributes<HTMLFormElement>>;
|
|
6
|
-
export default BitkitDialogFormContent;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { DialogContentInner } from "./BitkitDialogContent.js";
|
|
2
|
-
import { chakra } from "@chakra-ui/react/styled-system";
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
import { Dialog } from "@chakra-ui/react/dialog";
|
|
6
|
-
//#region lib/components/BitkitDialog/BitkitDialogFormContent.tsx
|
|
7
|
-
var BitkitDialogFormContent = forwardRef(({ children, closable, headerLabel, maxHeight, scrollBehavior, showScrollGradient, step, stepHeader, title, variant, ...formProps }, ref) => /* @__PURE__ */ jsx(Dialog.Content, {
|
|
8
|
-
asChild: true,
|
|
9
|
-
maxHeight,
|
|
10
|
-
children: /* @__PURE__ */ jsx(chakra.form, {
|
|
11
|
-
ref,
|
|
12
|
-
...formProps,
|
|
13
|
-
children: /* @__PURE__ */ jsx(DialogContentInner, {
|
|
14
|
-
closable,
|
|
15
|
-
headerLabel,
|
|
16
|
-
scrollBehavior,
|
|
17
|
-
showScrollGradient,
|
|
18
|
-
step,
|
|
19
|
-
stepHeader,
|
|
20
|
-
title,
|
|
21
|
-
variant,
|
|
22
|
-
children
|
|
23
|
-
})
|
|
24
|
-
})
|
|
25
|
-
}));
|
|
26
|
-
BitkitDialogFormContent.displayName = "BitkitDialogFormContent";
|
|
27
|
-
//#endregion
|
|
28
|
-
export { BitkitDialogFormContent as default };
|
|
29
|
-
|
|
30
|
-
//# sourceMappingURL=BitkitDialogFormContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialogFormContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogFormContent.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\nimport { chakra, type HTMLChakraProps } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitDialogContentProps, DialogContentInner } from './BitkitDialogContent';\n\nexport interface BitkitDialogFormContentProps\n extends BitkitDialogContentProps, Omit<HTMLChakraProps<'form'>, keyof BitkitDialogContentProps> {}\n\nconst BitkitDialogFormContent = forwardRef<HTMLFormElement, BitkitDialogFormContentProps>(\n (\n {\n children,\n closable,\n headerLabel,\n maxHeight,\n scrollBehavior,\n showScrollGradient,\n step,\n stepHeader,\n title,\n variant,\n ...formProps\n },\n ref,\n ) => (\n <Dialog.Content asChild maxHeight={maxHeight}>\n <chakra.form ref={ref} {...formProps}>\n <DialogContentInner\n closable={closable}\n headerLabel={headerLabel}\n scrollBehavior={scrollBehavior}\n showScrollGradient={showScrollGradient}\n step={step}\n stepHeader={stepHeader}\n title={title}\n variant={variant}\n >\n {children}\n </DialogContentInner>\n </chakra.form>\n </Dialog.Content>\n ),\n);\n\nBitkitDialogFormContent.displayName = 'BitkitDialogFormContent';\n\nexport default BitkitDialogFormContent;\n"],"mappings":";;;;;;AASA,IAAM,0BAA0B,YAE5B,EACE,UACA,UACA,aACA,WACA,gBACA,oBACA,MACA,YACA,OACA,SACA,GAAG,aAEL,QAEA,oBAAC,OAAO,SAAR;CAAgB,SAAA;CAAmB;WACjC,oBAAC,OAAO,MAAR;EAAkB;EAAK,GAAI;YACzB,oBAAC,oBAAD;GACY;GACG;GACG;GACI;GACd;GACM;GACL;GACE;GAER;EACiB,CAAA;CACT,CAAA;AACC,CAAA,CAEpB;AAEA,wBAAwB,cAAc"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface BitkitDialogHeaderProps {
|
|
3
|
-
children: ReactNode;
|
|
4
|
-
}
|
|
5
|
-
declare const BitkitDialogHeader: {
|
|
6
|
-
({ children }: BitkitDialogHeaderProps): import("react").JSX.Element;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
9
|
-
export default BitkitDialogHeader;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx } from "react/jsx-runtime";
|
|
2
|
-
//#region lib/components/BitkitDialog/BitkitDialogHeader.tsx
|
|
3
|
-
var BitkitDialogHeader = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
|
|
4
|
-
BitkitDialogHeader.displayName = "BitkitDialogHeader";
|
|
5
|
-
//#endregion
|
|
6
|
-
export { BitkitDialogHeader as default };
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=BitkitDialogHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialogHeader.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogHeader.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nexport interface BitkitDialogHeaderProps {\n children: ReactNode;\n}\n\nconst BitkitDialogHeader = ({ children }: BitkitDialogHeaderProps) => <>{children}</>;\nBitkitDialogHeader.displayName = 'BitkitDialogHeader';\nexport default BitkitDialogHeader;\n"],"mappings":";;AAMA,IAAM,sBAAsB,EAAE,eAAwC,oBAAA,UAAA,EAAG,SAAW,CAAA;AACpF,mBAAmB,cAAc"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Dialog } from '@chakra-ui/react/dialog';
|
|
2
|
-
export type BitkitDialogRootProps = Dialog.RootProps & {
|
|
3
|
-
variant?: 'overflowContent';
|
|
4
|
-
};
|
|
5
|
-
declare const BitkitDialogRoot: ({ closeOnInteractOutside, preventScroll, ...props }: BitkitDialogRootProps) => import("react").JSX.Element;
|
|
6
|
-
export default BitkitDialogRoot;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Dialog } from "@chakra-ui/react/dialog";
|
|
3
|
-
//#region lib/components/BitkitDialog/BitkitDialogRoot.tsx
|
|
4
|
-
var BitkitDialogRoot = ({ closeOnInteractOutside = false, preventScroll = true, ...props }) => /* @__PURE__ */ jsx(Dialog.Root, {
|
|
5
|
-
closeOnInteractOutside,
|
|
6
|
-
preventScroll,
|
|
7
|
-
...props
|
|
8
|
-
});
|
|
9
|
-
//#endregion
|
|
10
|
-
export { BitkitDialogRoot as default };
|
|
11
|
-
|
|
12
|
-
//# sourceMappingURL=BitkitDialogRoot.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialogRoot.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogRoot.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\n\nexport type BitkitDialogRootProps = Dialog.RootProps & {\n variant?: 'overflowContent';\n};\n\nconst BitkitDialogRoot = ({\n closeOnInteractOutside = false,\n preventScroll = true,\n ...props\n}: BitkitDialogRootProps) => (\n <Dialog.Root closeOnInteractOutside={closeOnInteractOutside} preventScroll={preventScroll} {...props} />\n);\n\nexport default BitkitDialogRoot;\n"],"mappings":";;;AAMA,IAAM,oBAAoB,EACxB,yBAAyB,OACzB,gBAAgB,MAChB,GAAG,YAEH,oBAAC,OAAO,MAAR;CAAqC;CAAuC;CAAe,GAAI;AAAQ,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface BitkitDialogStepProps {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
description?: string;
|
|
5
|
-
title: string;
|
|
6
|
-
}
|
|
7
|
-
declare const BitkitDialogStep: {
|
|
8
|
-
(props: BitkitDialogStepProps): import("react").JSX.Element | null;
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
11
|
-
export default BitkitDialogStep;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialogStep.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogStep.tsx"],"sourcesContent":["import { useDialogStyles } from '@chakra-ui/react/dialog';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport { useBitkitDialogStepContext } from './BitkitDialogStepContext';\n\nexport interface BitkitDialogStepProps {\n children?: ReactNode;\n description?: string;\n title: string;\n}\n\ninterface BitkitDialogStepInternalProps extends BitkitDialogStepProps {\n _index?: number;\n}\n\nconst BitkitDialogStep = (props: BitkitDialogStepProps) => {\n const { _index = 0, children, description, title } = props as BitkitDialogStepInternalProps;\n const ctx = useBitkitDialogStepContext();\n const step = ctx?.step ?? 0;\n const styles = useDialogStyles();\n\n if (_index !== step) return null;\n\n return (\n <>\n <chakra.div css={styles.stepTitleGroup}>\n <chakra.p css={styles.stepTitle}>{title}</chakra.p>\n {description && <chakra.p css={styles.stepDescription}>{description}</chakra.p>}\n </chakra.div>\n {children}\n </>\n );\n};\n\nBitkitDialogStep.displayName = 'BitkitDialogStep';\nexport default BitkitDialogStep;\n"],"mappings":";;;;;AAgBA,IAAM,oBAAoB,UAAiC;CACzD,MAAM,EAAE,SAAS,GAAG,UAAU,aAAa,UAAU;CAErD,MAAM,OADM,2BACC,GAAK,QAAQ;CAC1B,MAAM,SAAS,gBAAgB;CAE/B,IAAI,WAAW,MAAM,OAAO;CAE5B,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAO,KAAR;EAAY,KAAK,OAAO;YAAxB,CACE,oBAAC,OAAO,GAAR;GAAU,KAAK,OAAO;aAAY;EAAgB,CAAA,GACjD,eAAe,oBAAC,OAAO,GAAR;GAAU,KAAK,OAAO;aAAkB;EAAsB,CAAA,CACpE;KACX,QACD,EAAA,CAAA;AAEN;AAEA,iBAAiB,cAAc"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
interface BitkitDialogStepContextValue {
|
|
2
|
-
step: number;
|
|
3
|
-
}
|
|
4
|
-
declare const BitkitDialogStepProvider: import('react').Provider<BitkitDialogStepContextValue>, useBitkitDialogStepContext: () => BitkitDialogStepContextValue;
|
|
5
|
-
export { BitkitDialogStepProvider, useBitkitDialogStepContext };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { createContext } from "@chakra-ui/react";
|
|
2
|
-
//#region lib/components/BitkitDialog/BitkitDialogStepContext.ts
|
|
3
|
-
var [BitkitDialogStepProvider, useBitkitDialogStepContext] = createContext({ name: "BitkitDialogStepContext" });
|
|
4
|
-
//#endregion
|
|
5
|
-
export { BitkitDialogStepProvider, useBitkitDialogStepContext };
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=BitkitDialogStepContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialogStepContext.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogStepContext.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\n\ninterface BitkitDialogStepContextValue {\n step: number;\n}\n\nconst [BitkitDialogStepProvider, useBitkitDialogStepContext] = createContext<BitkitDialogStepContextValue>({\n name: 'BitkitDialogStepContext',\n});\n\nexport { BitkitDialogStepProvider, useBitkitDialogStepContext };\n"],"mappings":";;AAOA,IAAM,CAAC,0BAA0B,8BAA8B,cAA4C,EACzG,MAAM,0BACR,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"border-widths.js","names":[],"sources":["../../../lib/theme/tokens/border-widths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n '1': {\n value: '1px',\n },\n '2': {\n value: '2px',\n },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}
|
|
File without changes
|