@bitrise/bitkit-v2 0.3.234 → 0.3.236
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/dist/components/BitkitCard/BitkitCard.d.ts +2 -6
- package/dist/components/BitkitCard/BitkitCard.js +5 -4
- package/dist/components/BitkitCard/BitkitCard.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialog.d.ts +2 -1
- package/dist/components/BitkitDialog/BitkitDialog.js +2 -0
- package/dist/components/BitkitDialog/BitkitDialog.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialogContent.d.ts +13 -2
- package/dist/components/BitkitDialog/BitkitDialogContent.js +35 -34
- package/dist/components/BitkitDialog/BitkitDialogContent.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialogFormContent.d.ts +6 -0
- package/dist/components/BitkitDialog/BitkitDialogFormContent.js +30 -0
- package/dist/components/BitkitDialog/BitkitDialogFormContent.js.map +1 -0
- package/dist/components/BitkitList/BitkitList.d.ts +5 -3
- package/dist/components/BitkitList/BitkitList.js +21 -3
- package/dist/components/BitkitList/BitkitList.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/main.js +2 -1
- package/dist/theme/slot-recipes/Card.recipe.d.ts +0 -12
- package/dist/theme/slot-recipes/Card.recipe.js +11 -35
- package/dist/theme/slot-recipes/Card.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/List.recipe.d.ts +9 -0
- package/dist/theme/slot-recipes/List.recipe.js +7 -0
- package/dist/theme/slot-recipes/List.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +9 -12
- package/package.json +1 -1
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export interface BitkitCardProps extends CardRootProps {
|
|
4
|
-
footer?: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
declare const BitkitCard: import('react').ForwardRefExoticComponent<BitkitCardProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
1
|
+
import { Card } from '@chakra-ui/react/card';
|
|
2
|
+
declare const BitkitCard: import('react').ForwardRefExoticComponent<Card.RootProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
3
|
export default BitkitCard;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
|
-
import { jsx
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Card } from "@chakra-ui/react/card";
|
|
4
4
|
//#region lib/components/BitkitCard/BitkitCard.tsx
|
|
5
5
|
var BitkitCard = forwardRef((props, ref) => {
|
|
6
|
-
const { children,
|
|
7
|
-
return /* @__PURE__ */
|
|
6
|
+
const { children, ...rest } = props;
|
|
7
|
+
return /* @__PURE__ */ jsx(Card.Root, {
|
|
8
|
+
asChild: true,
|
|
8
9
|
ref,
|
|
9
10
|
...rest,
|
|
10
|
-
children:
|
|
11
|
+
children: /* @__PURE__ */ jsx(Card.Body, { children })
|
|
11
12
|
});
|
|
12
13
|
});
|
|
13
14
|
BitkitCard.displayName = "BitkitCard";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitCard.js","names":[],"sources":["../../../lib/components/BitkitCard/BitkitCard.tsx"],"sourcesContent":["import { Card, type CardRootProps } from '@chakra-ui/react/card';\nimport { forwardRef
|
|
1
|
+
{"version":3,"file":"BitkitCard.js","names":[],"sources":["../../../lib/components/BitkitCard/BitkitCard.tsx"],"sourcesContent":["import { Card, type CardRootProps } from '@chakra-ui/react/card';\nimport { forwardRef } from 'react';\n\nconst BitkitCard = forwardRef<HTMLDivElement, CardRootProps>((props, ref) => {\n const { children, ...rest } = props;\n\n return (\n <Card.Root asChild ref={ref} {...rest}>\n <Card.Body>{children}</Card.Body>\n </Card.Root>\n );\n});\n\nBitkitCard.displayName = 'BitkitCard';\n\nexport default BitkitCard;\n"],"mappings":";;;;AAGA,IAAM,aAAa,YAA2C,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,KAAK,MAAN;EAAW,SAAA;EAAa;EAAK,GAAI;YAC/B,oBAAC,KAAK,MAAN,EAAY,SAAoB,CAAA;CACvB,CAAA;AAEf,CAAC;AAED,WAAW,cAAc"}
|
|
@@ -27,8 +27,9 @@ declare const _default: {
|
|
|
27
27
|
ActionTrigger: import('react').ForwardRefExoticComponent<Dialog.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
28
28
|
Body: ({ children, ...rest }: import('./BitkitDialogBody').BitkitDialogBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
Buttons: import('react').ForwardRefExoticComponent<import('@chakra-ui/react').BoxProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
30
|
-
Content: ({
|
|
30
|
+
Content: ({ maxHeight, ...inner }: import('./BitkitDialogContent').BitkitDialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
31
|
Footer: import('react').ForwardRefExoticComponent<Dialog.FooterProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
32
|
+
FormContent: import('react').ForwardRefExoticComponent<import('./BitkitDialogFormContent').BitkitDialogFormContentProps & import('react').RefAttributes<HTMLFormElement>>;
|
|
32
33
|
Header: {
|
|
33
34
|
({ children }: BitkitDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
34
35
|
displayName: string;
|
|
@@ -3,6 +3,7 @@ import BitkitDialogStep from "./BitkitDialogStep.js";
|
|
|
3
3
|
import BitkitDialogBody from "./BitkitDialogBody.js";
|
|
4
4
|
import BitkitDialogButtons from "./BitkitDialogButtons.js";
|
|
5
5
|
import BitkitDialogContent from "./BitkitDialogContent.js";
|
|
6
|
+
import BitkitDialogFormContent from "./BitkitDialogFormContent.js";
|
|
6
7
|
import BitkitDialogHeader from "./BitkitDialogHeader.js";
|
|
7
8
|
import BitkitDialogRoot from "./BitkitDialogRoot.js";
|
|
8
9
|
import { Children, isValidElement } from "react";
|
|
@@ -49,6 +50,7 @@ var BitkitDialog_default = withSubComponents(BitkitDialog, {
|
|
|
49
50
|
Buttons: BitkitDialogButtons,
|
|
50
51
|
Content: BitkitDialogContent,
|
|
51
52
|
Footer: Dialog.Footer,
|
|
53
|
+
FormContent: BitkitDialogFormContent,
|
|
52
54
|
Header: BitkitDialogHeader,
|
|
53
55
|
Step: BitkitDialogStep
|
|
54
56
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDialog.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialog.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Children, isValidElement, type ReactNode } from 'react';\n\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitkitDialogBody from './BitkitDialogBody';\nimport BitkitDialogButtons from './BitkitDialogButtons';\nimport BitkitDialogContent from './BitkitDialogContent';\nimport BitkitDialogHeader, { type BitkitDialogHeaderProps } from './BitkitDialogHeader';\nimport BitkitDialogRoot from './BitkitDialogRoot';\nimport BitkitDialogStep from './BitkitDialogStep';\n\nexport interface BitkitDialogProps {\n children?: ReactNode;\n closable?: boolean;\n headerLabel?: string;\n maxHeight?: string;\n onExitComplete?: () => void;\n onOpenChange?: (details: { open: boolean }) => void;\n open?: boolean;\n preventScroll?: boolean;\n scrollBehavior?: 'inside' | 'outside';\n showScrollGradient?: boolean;\n size?: 'sm' | 'md' | 'lg' | 'full';\n step?: number;\n title: ReactNode;\n trigger?: ReactNode;\n variant?: 'overflowContent';\n}\n\nconst BitkitDialog = ({\n children,\n closable = true,\n headerLabel,\n maxHeight,\n onExitComplete,\n onOpenChange,\n open,\n preventScroll,\n scrollBehavior: scrollBehaviorProp,\n showScrollGradient,\n size,\n step = 0,\n title,\n trigger,\n variant,\n}: BitkitDialogProps) => {\n const scrollBehavior = variant === 'overflowContent' ? 'inside' : scrollBehaviorProp;\n\n const childrenArray = Children.toArray(children);\n const headerChild = childrenArray.find((child) => isValidElement(child) && child.type === BitkitDialogHeader);\n const bodyChildren = childrenArray.filter((child) => !(isValidElement(child) && child.type === BitkitDialogHeader));\n const stepHeader = isValidElement(headerChild) ? (headerChild.props as BitkitDialogHeaderProps).children : undefined;\n\n return (\n <BitkitDialogRoot\n closeOnEscape={closable}\n onExitComplete={onExitComplete}\n onOpenChange={onOpenChange}\n open={open}\n preventScroll={preventScroll}\n scrollBehavior={scrollBehavior}\n size={size}\n variant={variant}\n >\n {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n <Portal>\n <Dialog.Backdrop />\n <Dialog.Positioner>\n <BitkitDialogContent\n closable={closable}\n headerLabel={headerLabel}\n maxHeight={maxHeight}\n scrollBehavior={scrollBehavior}\n showScrollGradient={showScrollGradient}\n step={step}\n stepHeader={stepHeader}\n title={title}\n variant={variant}\n >\n {bodyChildren}\n </BitkitDialogContent>\n </Dialog.Positioner>\n </Portal>\n </BitkitDialogRoot>\n );\n};\n\nBitkitDialog.displayName = 'BitkitDialog';\n\nexport default withSubComponents(BitkitDialog, {\n ActionTrigger: Dialog.ActionTrigger,\n Body: BitkitDialogBody,\n Buttons: BitkitDialogButtons,\n Content: BitkitDialogContent,\n Footer: Dialog.Footer,\n Header: BitkitDialogHeader,\n Step: BitkitDialogStep,\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BitkitDialog.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialog.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Children, isValidElement, type ReactNode } from 'react';\n\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitkitDialogBody from './BitkitDialogBody';\nimport BitkitDialogButtons from './BitkitDialogButtons';\nimport BitkitDialogContent from './BitkitDialogContent';\nimport BitkitDialogFormContent from './BitkitDialogFormContent';\nimport BitkitDialogHeader, { type BitkitDialogHeaderProps } from './BitkitDialogHeader';\nimport BitkitDialogRoot from './BitkitDialogRoot';\nimport BitkitDialogStep from './BitkitDialogStep';\n\nexport interface BitkitDialogProps {\n children?: ReactNode;\n closable?: boolean;\n headerLabel?: string;\n maxHeight?: string;\n onExitComplete?: () => void;\n onOpenChange?: (details: { open: boolean }) => void;\n open?: boolean;\n preventScroll?: boolean;\n scrollBehavior?: 'inside' | 'outside';\n showScrollGradient?: boolean;\n size?: 'sm' | 'md' | 'lg' | 'full';\n step?: number;\n title: ReactNode;\n trigger?: ReactNode;\n variant?: 'overflowContent';\n}\n\nconst BitkitDialog = ({\n children,\n closable = true,\n headerLabel,\n maxHeight,\n onExitComplete,\n onOpenChange,\n open,\n preventScroll,\n scrollBehavior: scrollBehaviorProp,\n showScrollGradient,\n size,\n step = 0,\n title,\n trigger,\n variant,\n}: BitkitDialogProps) => {\n const scrollBehavior = variant === 'overflowContent' ? 'inside' : scrollBehaviorProp;\n\n const childrenArray = Children.toArray(children);\n const headerChild = childrenArray.find((child) => isValidElement(child) && child.type === BitkitDialogHeader);\n const bodyChildren = childrenArray.filter((child) => !(isValidElement(child) && child.type === BitkitDialogHeader));\n const stepHeader = isValidElement(headerChild) ? (headerChild.props as BitkitDialogHeaderProps).children : undefined;\n\n return (\n <BitkitDialogRoot\n closeOnEscape={closable}\n onExitComplete={onExitComplete}\n onOpenChange={onOpenChange}\n open={open}\n preventScroll={preventScroll}\n scrollBehavior={scrollBehavior}\n size={size}\n variant={variant}\n >\n {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n <Portal>\n <Dialog.Backdrop />\n <Dialog.Positioner>\n <BitkitDialogContent\n closable={closable}\n headerLabel={headerLabel}\n maxHeight={maxHeight}\n scrollBehavior={scrollBehavior}\n showScrollGradient={showScrollGradient}\n step={step}\n stepHeader={stepHeader}\n title={title}\n variant={variant}\n >\n {bodyChildren}\n </BitkitDialogContent>\n </Dialog.Positioner>\n </Portal>\n </BitkitDialogRoot>\n );\n};\n\nBitkitDialog.displayName = 'BitkitDialog';\n\nexport default withSubComponents(BitkitDialog, {\n ActionTrigger: Dialog.ActionTrigger,\n Body: BitkitDialogBody,\n Buttons: BitkitDialogButtons,\n Content: BitkitDialogContent,\n Footer: Dialog.Footer,\n FormContent: BitkitDialogFormContent,\n Header: BitkitDialogHeader,\n Step: BitkitDialogStep,\n});\n"],"mappings":";;;;;;;;;;;;;AA+BA,IAAM,gBAAgB,EACpB,UACA,WAAW,MACX,aACA,WACA,gBACA,cACA,MACA,eACA,gBAAgB,oBAChB,oBACA,MACA,OAAO,GACP,OACA,SACA,cACuB;CACvB,MAAM,iBAAiB,YAAY,oBAAoB,WAAW;CAElE,MAAM,gBAAgB,SAAS,QAAQ,QAAQ;CAC/C,MAAM,cAAc,cAAc,MAAM,UAAU,eAAe,KAAK,KAAK,MAAM,SAAS,kBAAkB;CAC5G,MAAM,eAAe,cAAc,QAAQ,UAAU,EAAE,eAAe,KAAK,KAAK,MAAM,SAAS,mBAAmB;CAClH,MAAM,aAAa,eAAe,WAAW,IAAK,YAAY,MAAkC,WAAW,KAAA;CAE3G,OACE,qBAAC,kBAAD;EACE,eAAe;EACC;EACF;EACR;EACS;EACC;EACV;EACG;YARX,CAUG,WAAW,oBAAC,OAAO,SAAR;GAAgB,SAAA;aAAS;EAAwB,CAAA,GAC7D,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,OAAO,UAAR,CAAkB,CAAA,GAClB,oBAAC,OAAO,YAAR,EAAA,UACE,oBAAC,qBAAD;GACY;GACG;GACF;GACK;GACI;GACd;GACM;GACL;GACE;aAER;EACkB,CAAA,EACJ,CAAA,CACb,EAAA,CAAA,CACQ;;AAEtB;AAEA,aAAa,cAAc;AAE3B,IAAA,uBAAe,kBAAkB,cAAc;CAC7C,eAAe,OAAO;CACtB,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ,OAAO;CACf,aAAa;CACb,QAAQ;CACR,MAAM;AACR,CAAC"}
|
|
@@ -1,6 +1,17 @@
|
|
|
1
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-runtime").JSX.Element;
|
|
2
14
|
export interface BitkitDialogContentProps {
|
|
3
|
-
asChild?: boolean;
|
|
4
15
|
children?: ReactNode;
|
|
5
16
|
closable?: boolean;
|
|
6
17
|
headerLabel?: string;
|
|
@@ -12,5 +23,5 @@ export interface BitkitDialogContentProps {
|
|
|
12
23
|
title: ReactNode;
|
|
13
24
|
variant?: 'overflowContent';
|
|
14
25
|
}
|
|
15
|
-
declare const BitkitDialogContent: ({
|
|
26
|
+
declare const BitkitDialogContent: ({ maxHeight, ...inner }: BitkitDialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
27
|
export default BitkitDialogContent;
|
|
@@ -6,46 +6,47 @@ import { chakra } from "@chakra-ui/react/styled-system";
|
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Dialog, useDialogStyles } from "@chakra-ui/react/dialog";
|
|
8
8
|
//#region lib/components/BitkitDialog/BitkitDialogContent.tsx
|
|
9
|
-
var
|
|
9
|
+
var DialogContentInner = ({ children, closable = true, headerLabel, scrollBehavior: scrollBehaviorProp = "outside", showScrollGradient = true, step = 0, stepHeader, title, variant }) => {
|
|
10
10
|
const scrollBehavior = variant === "overflowContent" ? "inside" : scrollBehaviorProp;
|
|
11
11
|
const styles = useDialogStyles();
|
|
12
|
-
return /* @__PURE__ */ jsx(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
disabled: !closable,
|
|
40
|
-
size: variant === "overflowContent" ? "xs" : "md"
|
|
41
|
-
})
|
|
12
|
+
return /* @__PURE__ */ jsx(BitkitDialogStepProvider, {
|
|
13
|
+
value: { step },
|
|
14
|
+
children: /* @__PURE__ */ jsxs(DialogBodyContext.Provider, {
|
|
15
|
+
value: {
|
|
16
|
+
scrollBehavior,
|
|
17
|
+
showScrollGradient
|
|
18
|
+
},
|
|
19
|
+
children: [/* @__PURE__ */ jsxs(Dialog.Header, { children: [
|
|
20
|
+
/* @__PURE__ */ jsxs(Box, {
|
|
21
|
+
display: "flex",
|
|
22
|
+
flexDirection: "column",
|
|
23
|
+
gap: "4",
|
|
24
|
+
children: [headerLabel && /* @__PURE__ */ jsx(chakra.p, {
|
|
25
|
+
css: styles.label,
|
|
26
|
+
children: headerLabel
|
|
27
|
+
}), /* @__PURE__ */ jsx(Dialog.Title, { children: title })]
|
|
28
|
+
}),
|
|
29
|
+
!!stepHeader && /* @__PURE__ */ jsx(Box, {
|
|
30
|
+
css: styles.stepHeader,
|
|
31
|
+
children: stepHeader
|
|
32
|
+
}),
|
|
33
|
+
/* @__PURE__ */ jsx(Dialog.CloseTrigger, {
|
|
34
|
+
asChild: true,
|
|
35
|
+
children: /* @__PURE__ */ jsx(BitkitCloseButton, {
|
|
36
|
+
disabled: !closable,
|
|
37
|
+
size: variant === "overflowContent" ? "xs" : "md",
|
|
38
|
+
type: "button"
|
|
42
39
|
})
|
|
43
|
-
|
|
44
|
-
})
|
|
40
|
+
})
|
|
41
|
+
] }), children]
|
|
45
42
|
})
|
|
46
43
|
});
|
|
47
44
|
};
|
|
45
|
+
var BitkitDialogContent = ({ maxHeight, ...inner }) => /* @__PURE__ */ jsx(Dialog.Content, {
|
|
46
|
+
maxHeight,
|
|
47
|
+
children: /* @__PURE__ */ jsx(DialogContentInner, { ...inner })
|
|
48
|
+
});
|
|
48
49
|
//#endregion
|
|
49
|
-
export { BitkitDialogContent as default };
|
|
50
|
+
export { DialogContentInner, BitkitDialogContent as default };
|
|
50
51
|
|
|
51
52
|
//# sourceMappingURL=BitkitDialogContent.js.map
|
|
@@ -1 +1 @@
|
|
|
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 BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport { DialogBodyContext } from './BitkitDialogBody';\nimport { BitkitDialogStepProvider } from './BitkitDialogStepContext';\n\
|
|
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 BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\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 <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 disabled={!closable} size={variant === 'overflowContent' ? 'xs' : 'md'} type=\"button\" />\n </Dialog.CloseTrigger>\n </Dialog.Header>\n {children}\n </DialogBodyContext.Provider>\n </BitkitDialogStepProvider>\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":";;;;;;;;AAqBA,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,0BAAD;EAA0B,OAAO,EAAE,KAAK;YACtC,qBAAC,kBAAkB,UAAnB;GAA4B,OAAO;IAAE;IAAgB;GAAmB;aAAxE,CACE,qBAAC,OAAO,QAAR,EAAA,UAAA;IACE,qBAAC,KAAD;KAAK,SAAQ;KAAO,eAAc;KAAS,KAAI;eAA/C,CACG,eAAe,oBAAC,OAAO,GAAR;MAAU,KAAK,OAAO;gBAAQ;KAAsB,CAAA,GACpE,oBAAC,OAAO,OAAR,EAAA,UAAe,MAAoB,CAAA,CAChC;;IACJ,CAAC,CAAC,cAAc,oBAAC,KAAD;KAAK,KAAK,OAAO;eAAa;IAAgB,CAAA;IAC/D,oBAAC,OAAO,cAAR;KAAqB,SAAA;eACnB,oBAAC,mBAAD;MAAmB,UAAU,CAAC;MAAU,MAAM,YAAY,oBAAoB,OAAO;MAAM,MAAK;KAAU,CAAA;IACvF,CAAA;GACR,EAAA,CAAA,GACd,QACyB;;CACJ,CAAA;AAE9B;AAeA,IAAM,uBAAuB,EAAE,WAAW,GAAG,YAC3C,oBAAC,OAAO,SAAR;CAA2B;WACzB,oBAAC,oBAAD,EAAoB,GAAI,MAAQ,CAAA;AAClB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
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;
|
|
@@ -0,0 +1,30 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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,12 +1,14 @@
|
|
|
1
1
|
import { ListRootProps } from '@chakra-ui/react/list';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { BitkitIconComponent } from '../../icons';
|
|
4
|
-
type BitkitListVariant = 'explainer' | 'ordered' | 'unordered';
|
|
5
|
-
type BitkitListSize = 'lg' | 'md';
|
|
6
|
-
|
|
4
|
+
type BitkitListVariant = 'explainer' | 'ordered' | 'unordered' | 'inline';
|
|
5
|
+
type BitkitListSize = 'lg' | 'md' | 'sm';
|
|
6
|
+
type BitkitListTextColor = 'body' | 'secondary';
|
|
7
|
+
export interface BitkitListProps extends Omit<ListRootProps, 'colorPalette' | 'size'> {
|
|
7
8
|
children: ReactNode;
|
|
8
9
|
colorPalette?: 'neutral' | 'purple';
|
|
9
10
|
size?: BitkitListSize;
|
|
11
|
+
textColor?: BitkitListTextColor;
|
|
10
12
|
variant?: BitkitListVariant;
|
|
11
13
|
}
|
|
12
14
|
export interface BitkitListItemProps {
|
|
@@ -12,17 +12,23 @@ var [BitkitListProvider, useBitkitListContext] = createContext$1({
|
|
|
12
12
|
providerName: "<BitkitList />"
|
|
13
13
|
});
|
|
14
14
|
var BitkitList = forwardRef((props, ref) => {
|
|
15
|
-
const { children, colorPalette = "neutral", size = "lg", variant = "unordered", ...rest } = props;
|
|
15
|
+
const { children, colorPalette = "neutral", size = "lg", textColor = "body", variant = "unordered", ...rest } = props;
|
|
16
16
|
const rootProps = variant === "ordered" ? {
|
|
17
17
|
as: "ol",
|
|
18
18
|
counterReset: "bitkit-list"
|
|
19
19
|
} : variant === "explainer" ? {
|
|
20
20
|
as: "ol",
|
|
21
21
|
counterReset: "bitkit-list"
|
|
22
|
+
} : variant === "inline" ? {
|
|
23
|
+
alignItems: "center",
|
|
24
|
+
flexDirection: "row",
|
|
25
|
+
flexWrap: "wrap",
|
|
26
|
+
gap: 0
|
|
22
27
|
} : {};
|
|
23
28
|
return /* @__PURE__ */ jsx(BitkitListProvider, {
|
|
24
29
|
value: {
|
|
25
30
|
size,
|
|
31
|
+
textColor,
|
|
26
32
|
variant
|
|
27
33
|
},
|
|
28
34
|
children: /* @__PURE__ */ jsx(List.Root, {
|
|
@@ -38,11 +44,23 @@ var BitkitList = forwardRef((props, ref) => {
|
|
|
38
44
|
BitkitList.displayName = "BitkitList";
|
|
39
45
|
var UNORDERED_ICON_SIZE = {
|
|
40
46
|
lg: "24",
|
|
41
|
-
md: "16"
|
|
47
|
+
md: "16",
|
|
48
|
+
sm: "16"
|
|
42
49
|
};
|
|
43
50
|
var BitkitListItem = forwardRef((props, ref) => {
|
|
44
51
|
const { children, helperText, icon: Icon, iconColor } = props;
|
|
45
|
-
const { size, variant } = useBitkitListContext();
|
|
52
|
+
const { size, textColor, variant } = useBitkitListContext();
|
|
53
|
+
if (variant === "inline") return /* @__PURE__ */ jsx(List.Item, {
|
|
54
|
+
ref,
|
|
55
|
+
alignItems: "center",
|
|
56
|
+
color: textColor === "secondary" ? "text/secondary" : "text/body",
|
|
57
|
+
_notFirst: { _before: {
|
|
58
|
+
content: "\"\\2022\"",
|
|
59
|
+
color: "text/tertiary",
|
|
60
|
+
marginInline: "8"
|
|
61
|
+
} },
|
|
62
|
+
children
|
|
63
|
+
});
|
|
46
64
|
const content = helperText ? /* @__PURE__ */ jsxs(Box, {
|
|
47
65
|
display: "flex",
|
|
48
66
|
flex: "1",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitList.js","names":[],"sources":["../../../lib/components/BitkitList/BitkitList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\n// ----- Context -----\n\ntype BitkitListVariant = 'explainer' | 'ordered' | 'unordered';\ntype BitkitListSize = 'lg' | 'md';\n\ninterface BitkitListContext {\n size: BitkitListSize;\n variant: BitkitListVariant;\n}\n\nconst [BitkitListProvider, useBitkitListContext] = createContext<BitkitListContext>({\n name: 'BitkitListContext',\n hookName: 'useBitkitListContext',\n providerName: '<BitkitList />',\n});\n\n// ----- BitkitList -----\n\nexport interface BitkitListProps extends Omit<ListRootProps, 'colorPalette'> {\n children: ReactNode;\n colorPalette?: 'neutral' | 'purple';\n size?: BitkitListSize;\n variant?: BitkitListVariant;\n}\n\nconst BitkitList = forwardRef<HTMLOListElement | HTMLUListElement, BitkitListProps>((props, ref) => {\n const { children, colorPalette = 'neutral', size = 'lg', variant = 'unordered', ...rest } = props;\n\n const rootProps =\n variant === 'ordered'\n ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n : variant === 'explainer'\n ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n : {};\n\n return (\n <BitkitListProvider value={{ size, variant }}>\n <List.Root ref={ref} colorPalette={colorPalette} size={size} {...rootProps} {...rest}>\n {children}\n </List.Root>\n </BitkitListProvider>\n );\n});\n\nBitkitList.displayName = 'BitkitList';\n\n// ----- BitkitList.Item -----\n\nexport interface BitkitListItemProps {\n children: ReactNode;\n helperText?: ReactNode;\n icon?: BitkitIconComponent;\n iconColor?: string;\n}\n\nconst UNORDERED_ICON_SIZE: Record<BitkitListSize, '16' | '24'> = {\n lg: '24',\n md: '16',\n};\n\nconst BitkitListItem = forwardRef<HTMLLIElement, BitkitListItemProps>((props, ref) => {\n const { children, helperText, icon: Icon, iconColor } = props;\n const { size, variant } = useBitkitListContext();\n\n const content = helperText ? (\n <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n {children}\n <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n {helperText}\n </Text>\n </Box>\n ) : (\n children\n );\n\n if (variant === 'ordered') {\n return (\n <List.Item ref={ref} counterIncrement=\"bitkit-list\" gap={helperText ? '12' : undefined}>\n {Icon ? (\n <List.Indicator color={iconColor ?? 'icon/secondary'}>\n <Icon size={UNORDERED_ICON_SIZE[size]} />\n </List.Indicator>\n ) : (\n <List.Indicator _before={{ content: 'counter(bitkit-list) \".\"' }} />\n )}\n {content}\n </List.Item>\n );\n }\n\n if (variant === 'explainer') {\n return (\n <List.Item\n ref={ref}\n counterIncrement=\"bitkit-list\"\n gap={helperText ? '12' : '6'}\n marginBlockEnd={helperText ? '8' : undefined}\n >\n {Icon ? (\n <List.Indicator color={iconColor ?? 'colorPalette.strong'}>\n <Icon size={UNORDERED_ICON_SIZE[size]} />\n </List.Indicator>\n ) : (\n <List.Indicator\n _before={{ content: 'counter(bitkit-list)' }}\n background=\"colorPalette.subtle\"\n borderRadius=\"50%\"\n color=\"colorPalette.strong\"\n height={helperText ? '24' : '20'}\n // Give the smaller 20px circle 2px of block margin on each side so the marker\n // always occupies a 24px vertical slot and its center aligns with the first\n // text line — matches the Figma frame with the 20px circle centered in a 24px\n // marker box.\n marginBlock={helperText ? undefined : '2'}\n overflow=\"hidden\"\n textStyle=\"comp/badge/sm\"\n width={helperText ? '24' : '20'}\n />\n )}\n {content}\n </List.Item>\n );\n }\n\n // unordered (default)\n if (Icon) {\n return (\n <List.Item ref={ref} gap={helperText ? '12' : '8'}>\n <List.Indicator color={iconColor ?? 'icon/secondary'}>\n <Icon size={UNORDERED_ICON_SIZE[size]} />\n </List.Indicator>\n {content}\n </List.Item>\n );\n }\n\n return (\n <List.Item ref={ref} gap={helperText ? '12' : undefined}>\n <List.Indicator aria-hidden>•</List.Indicator>\n {content}\n </List.Item>\n );\n});\n\nBitkitListItem.displayName = 'BitkitListItem';\n\nexport default withSubComponents(BitkitList, { Item: BitkitListItem });\n"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"BitkitList.js","names":[],"sources":["../../../lib/components/BitkitList/BitkitList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\n// ----- Context -----\n\ntype BitkitListVariant = 'explainer' | 'ordered' | 'unordered' | 'inline';\ntype BitkitListSize = 'lg' | 'md' | 'sm';\ntype BitkitListTextColor = 'body' | 'secondary';\n\ninterface BitkitListContext {\n size: BitkitListSize;\n textColor: BitkitListTextColor;\n variant: BitkitListVariant;\n}\n\nconst [BitkitListProvider, useBitkitListContext] = createContext<BitkitListContext>({\n name: 'BitkitListContext',\n hookName: 'useBitkitListContext',\n providerName: '<BitkitList />',\n});\n\n// ----- BitkitList -----\n\nexport interface BitkitListProps extends Omit<ListRootProps, 'colorPalette' | 'size'> {\n children: ReactNode;\n colorPalette?: 'neutral' | 'purple';\n size?: BitkitListSize;\n textColor?: BitkitListTextColor;\n variant?: BitkitListVariant;\n}\n\nconst BitkitList = forwardRef<HTMLOListElement | HTMLUListElement, BitkitListProps>((props, ref) => {\n const { children, colorPalette = 'neutral', size = 'lg', textColor = 'body', variant = 'unordered', ...rest } = props;\n\n const rootProps =\n variant === 'ordered'\n ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n : variant === 'explainer'\n ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n : variant === 'inline'\n ? ({ alignItems: 'center', flexDirection: 'row', flexWrap: 'wrap', gap: 0 } as const)\n : {};\n\n return (\n <BitkitListProvider value={{ size, textColor, variant }}>\n <List.Root ref={ref} colorPalette={colorPalette} size={size} {...rootProps} {...rest}>\n {children}\n </List.Root>\n </BitkitListProvider>\n );\n});\n\nBitkitList.displayName = 'BitkitList';\n\n// ----- BitkitList.Item -----\n\nexport interface BitkitListItemProps {\n children: ReactNode;\n helperText?: ReactNode;\n icon?: BitkitIconComponent;\n iconColor?: string;\n}\n\nconst UNORDERED_ICON_SIZE: Record<BitkitListSize, '16' | '24'> = {\n lg: '24',\n md: '16',\n sm: '16',\n};\n\nconst BitkitListItem = forwardRef<HTMLLIElement, BitkitListItemProps>((props, ref) => {\n const { children, helperText, icon: Icon, iconColor } = props;\n const { size, textColor, variant } = useBitkitListContext();\n\n if (variant === 'inline') {\n return (\n <List.Item\n ref={ref}\n alignItems=\"center\"\n color={textColor === 'secondary' ? 'text/secondary' : 'text/body'}\n _notFirst={{\n _before: {\n content: '\"\\\\2022\"',\n color: 'text/tertiary',\n marginInline: '8',\n },\n }}\n >\n {children}\n </List.Item>\n );\n }\n\n const content = helperText ? (\n <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n {children}\n <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n {helperText}\n </Text>\n </Box>\n ) : (\n children\n );\n\n if (variant === 'ordered') {\n return (\n <List.Item ref={ref} counterIncrement=\"bitkit-list\" gap={helperText ? '12' : undefined}>\n {Icon ? (\n <List.Indicator color={iconColor ?? 'icon/secondary'}>\n <Icon size={UNORDERED_ICON_SIZE[size]} />\n </List.Indicator>\n ) : (\n <List.Indicator _before={{ content: 'counter(bitkit-list) \".\"' }} />\n )}\n {content}\n </List.Item>\n );\n }\n\n if (variant === 'explainer') {\n return (\n <List.Item\n ref={ref}\n counterIncrement=\"bitkit-list\"\n gap={helperText ? '12' : '6'}\n marginBlockEnd={helperText ? '8' : undefined}\n >\n {Icon ? (\n <List.Indicator color={iconColor ?? 'colorPalette.strong'}>\n <Icon size={UNORDERED_ICON_SIZE[size]} />\n </List.Indicator>\n ) : (\n <List.Indicator\n _before={{ content: 'counter(bitkit-list)' }}\n background=\"colorPalette.subtle\"\n borderRadius=\"50%\"\n color=\"colorPalette.strong\"\n height={helperText ? '24' : '20'}\n // Give the smaller 20px circle 2px of block margin on each side so the marker\n // always occupies a 24px vertical slot and its center aligns with the first\n // text line — matches the Figma frame with the 20px circle centered in a 24px\n // marker box.\n marginBlock={helperText ? undefined : '2'}\n overflow=\"hidden\"\n textStyle=\"comp/badge/sm\"\n width={helperText ? '24' : '20'}\n />\n )}\n {content}\n </List.Item>\n );\n }\n\n // unordered (default)\n if (Icon) {\n return (\n <List.Item ref={ref} gap={helperText ? '12' : '8'}>\n <List.Indicator color={iconColor ?? 'icon/secondary'}>\n <Icon size={UNORDERED_ICON_SIZE[size]} />\n </List.Indicator>\n {content}\n </List.Item>\n );\n }\n\n return (\n <List.Item ref={ref} gap={helperText ? '12' : undefined}>\n <List.Indicator aria-hidden>•</List.Indicator>\n {content}\n </List.Item>\n );\n});\n\nBitkitListItem.displayName = 'BitkitListItem';\n\nexport default withSubComponents(BitkitList, { Item: BitkitListItem });\n"],"mappings":";;;;;;;;AAsBA,IAAM,CAAC,oBAAoB,wBAAwB,gBAAiC;CAClF,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AAYD,IAAM,aAAa,YAAkE,OAAO,QAAQ;CAClG,MAAM,EAAE,UAAU,eAAe,WAAW,OAAO,MAAM,YAAY,QAAQ,UAAU,aAAa,GAAG,SAAS;CAEhH,MAAM,YACJ,YAAY,YACP;EAAE,IAAI;EAAM,cAAc;CAAc,IACzC,YAAY,cACT;EAAE,IAAI;EAAM,cAAc;CAAc,IACzC,YAAY,WACT;EAAE,YAAY;EAAU,eAAe;EAAO,UAAU;EAAQ,KAAK;CAAE,IACxE,CAAC;CAEX,OACE,oBAAC,oBAAD;EAAoB,OAAO;GAAE;GAAM;GAAW;EAAQ;YACpD,oBAAC,KAAK,MAAN;GAAgB;GAAmB;GAAoB;GAAM,GAAI;GAAW,GAAI;GAC7E;EACQ,CAAA;CACO,CAAA;AAExB,CAAC;AAED,WAAW,cAAc;AAWzB,IAAM,sBAA2D;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,iBAAiB,YAAgD,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,YAAY,MAAM,MAAM,cAAc;CACxD,MAAM,EAAE,MAAM,WAAW,YAAY,qBAAqB;CAE1D,IAAI,YAAY,UACd,OACE,oBAAC,KAAK,MAAN;EACO;EACL,YAAW;EACX,OAAO,cAAc,cAAc,mBAAmB;EACtD,WAAW,EACT,SAAS;GACP,SAAS;GACT,OAAO;GACP,cAAc;EAChB,EACF;EAEC;CACQ,CAAA;CAIf,MAAM,UAAU,aACd,qBAAC,KAAD;EAAK,SAAQ;EAAO,MAAK;EAAI,eAAc;EAAS,UAAS;YAA7D,CACG,UACD,oBAAC,MAAD;GAAM,OAAM;GAAiB,WAAU;aACpC;EACG,CAAA,CACH;MAEL;CAGF,IAAI,YAAY,WACd,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,kBAAiB;EAAc,KAAK,aAAa,OAAO,KAAA;YAA7E,CACG,OACC,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,IAEhB,oBAAC,KAAK,WAAN,EAAgB,SAAS,EAAE,SAAS,6BAA2B,EAAI,CAAA,GAEpE,OACQ;;CAIf,IAAI,YAAY,aACd,OACE,qBAAC,KAAK,MAAN;EACO;EACL,kBAAiB;EACjB,KAAK,aAAa,OAAO;EACzB,gBAAgB,aAAa,MAAM,KAAA;YAJrC,CAMG,OACC,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,IAEhB,oBAAC,KAAK,WAAN;GACE,SAAS,EAAE,SAAS,uBAAuB;GAC3C,YAAW;GACX,cAAa;GACb,OAAM;GACN,QAAQ,aAAa,OAAO;GAK5B,aAAa,aAAa,KAAA,IAAY;GACtC,UAAS;GACT,WAAU;GACV,OAAO,aAAa,OAAO;EAC5B,CAAA,GAEF,OACQ;;CAKf,IAAI,MACF,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,aAAa,OAAO;YAA9C,CACE,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,GACf,OACQ;;CAIf,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,aAAa,OAAO,KAAA;YAA9C,CACE,oBAAC,KAAK,WAAN;GAAgB,eAAA;aAAY;EAAiB,CAAA,GAC5C,OACQ;;AAEf,CAAC;AAED,eAAe,cAAc;AAE7B,IAAA,qBAAe,kBAAkB,YAAY,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -22,6 +22,7 @@ export { default as BitkitDialog, type BitkitDialogProps } from './BitkitDialog/
|
|
|
22
22
|
export { default as BitkitDialogBody, type BitkitDialogBodyProps } from './BitkitDialog/BitkitDialogBody';
|
|
23
23
|
export { default as BitkitDialogButtons, type BitkitDialogButtonsProps } from './BitkitDialog/BitkitDialogButtons';
|
|
24
24
|
export { default as BitkitDialogContent, type BitkitDialogContentProps } from './BitkitDialog/BitkitDialogContent';
|
|
25
|
+
export { default as BitkitDialogFormContent, type BitkitDialogFormContentProps, } from './BitkitDialog/BitkitDialogFormContent';
|
|
25
26
|
export { default as BitkitDialogHeader, type BitkitDialogHeaderProps } from './BitkitDialog/BitkitDialogHeader';
|
|
26
27
|
export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
|
|
27
28
|
export { default as BitkitDialogStep, type BitkitDialogStepProps } from './BitkitDialog/BitkitDialogStep';
|
package/dist/main.js
CHANGED
|
@@ -311,6 +311,7 @@ import BitkitDialogStep from "./components/BitkitDialog/BitkitDialogStep.js";
|
|
|
311
311
|
import BitkitDialogBody from "./components/BitkitDialog/BitkitDialogBody.js";
|
|
312
312
|
import BitkitDialogButtons from "./components/BitkitDialog/BitkitDialogButtons.js";
|
|
313
313
|
import BitkitDialogContent from "./components/BitkitDialog/BitkitDialogContent.js";
|
|
314
|
+
import BitkitDialogFormContent from "./components/BitkitDialog/BitkitDialogFormContent.js";
|
|
314
315
|
import BitkitDialogHeader from "./components/BitkitDialog/BitkitDialogHeader.js";
|
|
315
316
|
import BitkitDialogRoot from "./components/BitkitDialog/BitkitDialogRoot.js";
|
|
316
317
|
import BitkitDialog_default from "./components/BitkitDialog/BitkitDialog.js";
|
|
@@ -366,4 +367,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
|
|
|
366
367
|
import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
|
|
367
368
|
import bitkitTheme from "./theme/index.js";
|
|
368
369
|
import Provider from "./providers/BitkitProvider.js";
|
|
369
|
-
export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive };
|
|
370
|
+
export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogFormContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive };
|
|
@@ -17,29 +17,17 @@ declare const cardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"b
|
|
|
17
17
|
body: {
|
|
18
18
|
padding: "16";
|
|
19
19
|
};
|
|
20
|
-
footer: {
|
|
21
|
-
paddingBlock: "8";
|
|
22
|
-
paddingInline: "16";
|
|
23
|
-
};
|
|
24
20
|
};
|
|
25
21
|
md: {
|
|
26
22
|
body: {
|
|
27
23
|
paddingInline: "24";
|
|
28
24
|
paddingBlock: "16";
|
|
29
25
|
};
|
|
30
|
-
footer: {
|
|
31
|
-
paddingBlock: "8";
|
|
32
|
-
paddingInline: "24";
|
|
33
|
-
};
|
|
34
26
|
};
|
|
35
27
|
lg: {
|
|
36
28
|
body: {
|
|
37
29
|
padding: "24";
|
|
38
30
|
};
|
|
39
|
-
footer: {
|
|
40
|
-
paddingBlock: "12";
|
|
41
|
-
paddingInline: "24";
|
|
42
|
-
};
|
|
43
31
|
};
|
|
44
32
|
};
|
|
45
33
|
}>;
|
|
@@ -4,17 +4,11 @@ import { cardAnatomy } from "@chakra-ui/react/anatomy";
|
|
|
4
4
|
var cardSlotRecipe = defineSlotRecipe({
|
|
5
5
|
className: "card",
|
|
6
6
|
slots: cardAnatomy.keys(),
|
|
7
|
-
base: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
footer: {
|
|
14
|
-
borderBlockStart: "1px solid",
|
|
15
|
-
borderColor: "border/minimal"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
7
|
+
base: { root: {
|
|
8
|
+
backgroundColor: "background/primary",
|
|
9
|
+
border: "1px solid",
|
|
10
|
+
borderRadius: "8"
|
|
11
|
+
} },
|
|
18
12
|
variants: {
|
|
19
13
|
elevation: {
|
|
20
14
|
true: { root: {
|
|
@@ -24,30 +18,12 @@ var cardSlotRecipe = defineSlotRecipe({
|
|
|
24
18
|
false: { root: { borderColor: "border/regular" } }
|
|
25
19
|
},
|
|
26
20
|
paddingSize: {
|
|
27
|
-
sm: {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
},
|
|
34
|
-
md: {
|
|
35
|
-
body: {
|
|
36
|
-
paddingInline: "24",
|
|
37
|
-
paddingBlock: "16"
|
|
38
|
-
},
|
|
39
|
-
footer: {
|
|
40
|
-
paddingBlock: "8",
|
|
41
|
-
paddingInline: "24"
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
lg: {
|
|
45
|
-
body: { padding: "24" },
|
|
46
|
-
footer: {
|
|
47
|
-
paddingBlock: "12",
|
|
48
|
-
paddingInline: "24"
|
|
49
|
-
}
|
|
50
|
-
}
|
|
21
|
+
sm: { body: { padding: "16" } },
|
|
22
|
+
md: { body: {
|
|
23
|
+
paddingInline: "24",
|
|
24
|
+
paddingBlock: "16"
|
|
25
|
+
} },
|
|
26
|
+
lg: { body: { padding: "24" } }
|
|
51
27
|
}
|
|
52
28
|
},
|
|
53
29
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Card.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst cardSlotRecipe = defineSlotRecipe({\n className: 'card',\n slots: cardAnatomy.keys(),\n base: {\n root: {\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n },\n
|
|
1
|
+
{"version":3,"file":"Card.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Card.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst cardSlotRecipe = defineSlotRecipe({\n className: 'card',\n slots: cardAnatomy.keys(),\n base: {\n root: {\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n },\n },\n variants: {\n elevation: {\n true: {\n root: {\n borderColor: 'border/minimal',\n boxShadow: 'elevation/sm',\n },\n },\n false: {\n root: {\n borderColor: 'border/regular',\n },\n },\n },\n paddingSize: {\n sm: {\n body: {\n padding: '16',\n },\n },\n md: {\n body: {\n paddingInline: '24',\n paddingBlock: '16',\n },\n },\n lg: {\n body: {\n padding: '24',\n },\n },\n },\n },\n defaultVariants: {\n elevation: true,\n paddingSize: 'lg',\n },\n});\n\nexport default cardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM,EACJ,MAAM;EACJ,iBAAiB;EACjB,QAAQ;EACR,cAAc;CAChB,EACF;CACA,UAAU;EACR,WAAW;GACT,MAAM,EACJ,MAAM;IACJ,aAAa;IACb,WAAW;GACb,EACF;GACA,OAAO,EACL,MAAM,EACJ,aAAa,iBACf,EACF;EACF;EACA,aAAa;GACX,IAAI,EACF,MAAM,EACJ,SAAS,KACX,EACF;GACA,IAAI,EACF,MAAM;IACJ,eAAe;IACf,cAAc;GAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,SAAS,KACX,EACF;EACF;CACF;CACA,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CAAC"}
|
|
@@ -18,6 +18,15 @@ declare const listSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"r
|
|
|
18
18
|
width: "20";
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
|
+
sm: {
|
|
22
|
+
item: {
|
|
23
|
+
textStyle: "body/sm/regular";
|
|
24
|
+
};
|
|
25
|
+
indicator: {
|
|
26
|
+
height: "16";
|
|
27
|
+
width: "16";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
21
30
|
};
|
|
22
31
|
}>;
|
|
23
32
|
export default listSlotRecipe;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/List.recipe.ts"],"sourcesContent":["import { listAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst listSlotRecipe = defineSlotRecipe({\n className: 'list',\n slots: listAnatomy.keys(),\n base: {\n root: {\n display: 'flex',\n flexDirection: 'column',\n gap: '8',\n },\n item: {\n alignItems: 'flex-start',\n color: 'text/body',\n display: 'inline-flex',\n whiteSpace: 'normal',\n },\n indicator: {\n alignItems: 'center',\n color: 'text/secondary',\n display: 'inline-flex',\n flexShrink: 0,\n justifyContent: 'center',\n },\n },\n variants: {\n size: {\n lg: {\n item: {\n textStyle: 'body/lg/regular',\n },\n indicator: {\n height: '24',\n width: '24',\n },\n },\n md: {\n item: {\n textStyle: 'body/md/regular',\n },\n indicator: {\n height: '20',\n width: '20',\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default listSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;EACA,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"List.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/List.recipe.ts"],"sourcesContent":["import { listAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst listSlotRecipe = defineSlotRecipe({\n className: 'list',\n slots: listAnatomy.keys(),\n base: {\n root: {\n display: 'flex',\n flexDirection: 'column',\n gap: '8',\n },\n item: {\n alignItems: 'flex-start',\n color: 'text/body',\n display: 'inline-flex',\n whiteSpace: 'normal',\n },\n indicator: {\n alignItems: 'center',\n color: 'text/secondary',\n display: 'inline-flex',\n flexShrink: 0,\n justifyContent: 'center',\n },\n },\n variants: {\n size: {\n lg: {\n item: {\n textStyle: 'body/lg/regular',\n },\n indicator: {\n height: '24',\n width: '24',\n },\n },\n md: {\n item: {\n textStyle: 'body/md/regular',\n },\n indicator: {\n height: '20',\n width: '20',\n },\n },\n sm: {\n item: {\n textStyle: 'body/sm/regular',\n },\n indicator: {\n height: '16',\n width: '16',\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default listSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;EACA,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;EACA,IAAI;GACF,MAAM,EACJ,WAAW,kBACb;GACA,WAAW;IACT,QAAQ;IACR,OAAO;GACT;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|
|
@@ -239,29 +239,17 @@ declare const slotRecipes: {
|
|
|
239
239
|
body: {
|
|
240
240
|
padding: "16";
|
|
241
241
|
};
|
|
242
|
-
footer: {
|
|
243
|
-
paddingBlock: "8";
|
|
244
|
-
paddingInline: "16";
|
|
245
|
-
};
|
|
246
242
|
};
|
|
247
243
|
md: {
|
|
248
244
|
body: {
|
|
249
245
|
paddingInline: "24";
|
|
250
246
|
paddingBlock: "16";
|
|
251
247
|
};
|
|
252
|
-
footer: {
|
|
253
|
-
paddingBlock: "8";
|
|
254
|
-
paddingInline: "24";
|
|
255
|
-
};
|
|
256
248
|
};
|
|
257
249
|
lg: {
|
|
258
250
|
body: {
|
|
259
251
|
padding: "24";
|
|
260
252
|
};
|
|
261
|
-
footer: {
|
|
262
|
-
paddingBlock: "12";
|
|
263
|
-
paddingInline: "24";
|
|
264
|
-
};
|
|
265
253
|
};
|
|
266
254
|
};
|
|
267
255
|
}>;
|
|
@@ -961,6 +949,15 @@ declare const slotRecipes: {
|
|
|
961
949
|
width: "20";
|
|
962
950
|
};
|
|
963
951
|
};
|
|
952
|
+
sm: {
|
|
953
|
+
item: {
|
|
954
|
+
textStyle: "body/sm/regular";
|
|
955
|
+
};
|
|
956
|
+
indicator: {
|
|
957
|
+
height: "16";
|
|
958
|
+
width: "16";
|
|
959
|
+
};
|
|
960
|
+
};
|
|
964
961
|
};
|
|
965
962
|
}>;
|
|
966
963
|
markdown: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {
|