@bitrise/bitkit-v2 0.3.182 → 0.3.184
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/BitkitDefinitionTooltip/BitkitDefinitionTooltip.d.ts +5 -1
- package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js +17 -22
- package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js.map +1 -1
- package/dist/components/BitkitIconButton/BitkitIconButton.d.ts +2 -2
- package/dist/components/BitkitIconButton/BitkitIconButton.js +2 -2
- package/dist/components/BitkitIconButton/BitkitIconButton.js.map +1 -1
- package/dist/components/BitkitTooltip/BitkitTooltip.d.ts +11 -1
- package/dist/components/BitkitTooltip/BitkitTooltip.js +40 -3
- package/dist/components/BitkitTooltip/BitkitTooltip.js.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/main.js +1 -2
- package/package.json +3 -3
- package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.d.ts +0 -16
- package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js +0 -45
- package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js.map +0 -1
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { TooltipRootProps } from '@chakra-ui/react/tooltip';
|
|
2
|
+
import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
|
|
2
3
|
export interface BitkitDefinitionTooltipProps {
|
|
4
|
+
button?: BitkitTooltipProps['button'];
|
|
3
5
|
children: string;
|
|
6
|
+
learnMoreTarget?: BitkitTooltipProps['learnMoreTarget'];
|
|
7
|
+
learnMoreUrl?: BitkitTooltipProps['learnMoreUrl'];
|
|
4
8
|
method?: 'click' | 'hover';
|
|
5
9
|
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
6
10
|
text: string;
|
|
7
11
|
}
|
|
8
12
|
declare const BitkitDefinitionTooltip: {
|
|
9
|
-
({ children, method, placement, text, }: BitkitDefinitionTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
({ button, children, learnMoreTarget, learnMoreUrl, method, placement, text, }: BitkitDefinitionTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
10
14
|
displayName: string;
|
|
11
15
|
};
|
|
12
16
|
export default BitkitDefinitionTooltip;
|
|
@@ -1,35 +1,30 @@
|
|
|
1
|
+
import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
|
|
1
2
|
import { chakra, useRecipe } from "@chakra-ui/react/styled-system";
|
|
2
3
|
import { useState } from "react";
|
|
3
|
-
import { jsx
|
|
4
|
-
import { Tooltip } from "@chakra-ui/react/tooltip";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
//#region lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx
|
|
6
|
-
var BitkitDefinitionTooltip = ({ children, method = "click", placement = "top", text }) => {
|
|
6
|
+
var BitkitDefinitionTooltip = ({ button, children, learnMoreTarget, learnMoreUrl, method = "click", placement = "top", text }) => {
|
|
7
7
|
const style = useRecipe({ key: "definitionTooltip" });
|
|
8
8
|
const [open, setOpen] = useState(false);
|
|
9
|
-
return /* @__PURE__ */
|
|
9
|
+
return /* @__PURE__ */ jsx(BitkitTooltip, {
|
|
10
|
+
button,
|
|
11
|
+
closeOnClick: method === "click" ? false : void 0,
|
|
12
|
+
learnMoreTarget,
|
|
13
|
+
learnMoreUrl,
|
|
10
14
|
onOpenChange: method === "click" ? ({ open: nextOpen }) => {
|
|
11
15
|
if (!nextOpen) setOpen(false);
|
|
12
16
|
} : void 0,
|
|
13
17
|
open: method === "click" ? open : void 0,
|
|
14
|
-
closeOnClick: method === "click" ? false : void 0,
|
|
15
18
|
openDelay: method === "click" ? Infinity : void 0,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
children: /* @__PURE__ */ jsx(chakra.button, {
|
|
26
|
-
"aria-expanded": method === "click" ? open : void 0,
|
|
27
|
-
css: style({ method }),
|
|
28
|
-
onClick: method === "click" ? () => setOpen(!open) : void 0,
|
|
29
|
-
type: "button",
|
|
30
|
-
children
|
|
31
|
-
})
|
|
32
|
-
}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, { children: [/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }), text] }) })]
|
|
19
|
+
placement,
|
|
20
|
+
text,
|
|
21
|
+
children: /* @__PURE__ */ jsx(chakra.button, {
|
|
22
|
+
"aria-expanded": method === "click" ? open : void 0,
|
|
23
|
+
css: style({ method }),
|
|
24
|
+
onClick: method === "click" ? () => setOpen(!open) : void 0,
|
|
25
|
+
type: "button",
|
|
26
|
+
children
|
|
27
|
+
})
|
|
33
28
|
});
|
|
34
29
|
};
|
|
35
30
|
BitkitDefinitionTooltip.displayName = "BitkitDefinitionTooltip";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitDefinitionTooltip.js","names":[],"sources":["../../../lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx"],"sourcesContent":["import { chakra, useRecipe } from '@chakra-ui/react/styled-system';\nimport {
|
|
1
|
+
{"version":3,"file":"BitkitDefinitionTooltip.js","names":[],"sources":["../../../lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx"],"sourcesContent":["import { chakra, useRecipe } from '@chakra-ui/react/styled-system';\nimport { type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { useState } from 'react';\n\nimport BitkitTooltip, { type BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitDefinitionTooltipProps {\n button?: BitkitTooltipProps['button'];\n children: string;\n learnMoreTarget?: BitkitTooltipProps['learnMoreTarget'];\n learnMoreUrl?: BitkitTooltipProps['learnMoreUrl'];\n method?: 'click' | 'hover';\n placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n text: string;\n}\n\nconst BitkitDefinitionTooltip = ({\n button,\n children,\n learnMoreTarget,\n learnMoreUrl,\n method = 'click',\n placement = 'top',\n text,\n}: BitkitDefinitionTooltipProps) => {\n const style = useRecipe({ key: 'definitionTooltip' });\n const [open, setOpen] = useState(false);\n\n return (\n <BitkitTooltip\n button={button}\n closeOnClick={method === 'click' ? false : undefined}\n learnMoreTarget={learnMoreTarget}\n learnMoreUrl={learnMoreUrl}\n onOpenChange={\n method === 'click'\n ? ({ open: nextOpen }) => {\n if (!nextOpen) setOpen(false);\n }\n : undefined\n }\n open={method === 'click' ? open : undefined}\n openDelay={method === 'click' ? Infinity : undefined}\n placement={placement}\n text={text}\n >\n <chakra.button\n aria-expanded={method === 'click' ? open : undefined}\n css={style({ method })}\n onClick={method === 'click' ? () => setOpen(!open) : undefined}\n type=\"button\"\n >\n {children}\n </chakra.button>\n </BitkitTooltip>\n );\n};\n\nBitkitDefinitionTooltip.displayName = 'BitkitDefinitionTooltip';\n\nexport default BitkitDefinitionTooltip;\n"],"mappings":";;;;;AAgBA,IAAM,2BAA2B,EAC/B,QACA,UACA,iBACA,cACA,SAAS,SACT,YAAY,OACZ,WACkC;CAClC,MAAM,QAAQ,UAAU,EAAE,KAAK,qBAAqB,CAAC;CACrD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AAEvC,QACE,oBAAC,eAAD;EACU;EACR,cAAc,WAAW,UAAU,QAAQ,KAAA;EAC1B;EACH;EACd,cACE,WAAW,WACN,EAAE,MAAM,eAAe;AACtB,OAAI,CAAC,SAAU,SAAQ,MAAM;MAE/B,KAAA;EAEN,MAAM,WAAW,UAAU,OAAO,KAAA;EAClC,WAAW,WAAW,UAAU,WAAW,KAAA;EAChC;EACL;YAEN,oBAAC,OAAO,QAAR;GACE,iBAAe,WAAW,UAAU,OAAO,KAAA;GAC3C,KAAK,MAAM,EAAE,QAAQ,CAAC;GACtB,SAAS,WAAW,gBAAgB,QAAQ,CAAC,KAAK,GAAG,KAAA;GACrD,MAAK;GAEJ;GACa,CAAA;EACF,CAAA;;AAIpB,wBAAwB,cAAc"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { IconButtonProps } from '@chakra-ui/react/button';
|
|
2
2
|
import { BitkitIconComponent } from '../../icons';
|
|
3
|
-
import {
|
|
3
|
+
import { BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';
|
|
4
4
|
export interface BitkitIconButtonProps extends Omit<IconButtonProps, 'aria-label' | 'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'> {
|
|
5
5
|
icon: BitkitIconComponent;
|
|
6
6
|
label: string;
|
|
7
7
|
state?: 'disabled' | 'loading' | 'skeleton';
|
|
8
|
-
tooltipProps?: Partial<Omit<
|
|
8
|
+
tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;
|
|
9
9
|
}
|
|
10
10
|
declare const BitkitIconButton: import('react').ForwardRefExoticComponent<BitkitIconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
11
11
|
export default BitkitIconButton;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { IconButton } from "@chakra-ui/react/button";
|
|
@@ -7,7 +7,7 @@ import { Skeleton } from "@chakra-ui/react/skeleton";
|
|
|
7
7
|
var BitkitIconButton = forwardRef((props, ref) => {
|
|
8
8
|
const { icon: Icon, label, size, state, tooltipProps, ...rest } = props;
|
|
9
9
|
const iconSize = size === "lg" ? "24" : "16";
|
|
10
|
-
return /* @__PURE__ */ jsx(
|
|
10
|
+
return /* @__PURE__ */ jsx(BitkitLabelTooltip, {
|
|
11
11
|
text: label,
|
|
12
12
|
...tooltipProps,
|
|
13
13
|
children: /* @__PURE__ */ jsx(Skeleton, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitIconButton.js","names":[],"sources":["../../../lib/components/BitkitIconButton/BitkitIconButton.tsx"],"sourcesContent":["import { IconButton, type IconButtonProps } from '@chakra-ui/react/button';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport
|
|
1
|
+
{"version":3,"file":"BitkitIconButton.js","names":[],"sources":["../../../lib/components/BitkitIconButton/BitkitIconButton.tsx"],"sourcesContent":["import { IconButton, type IconButtonProps } from '@chakra-ui/react/button';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitLabelTooltip, { type BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\nexport interface BitkitIconButtonProps extends Omit<\n IconButtonProps,\n 'aria-label' | 'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'\n> {\n icon: BitkitIconComponent;\n label: string;\n state?: 'disabled' | 'loading' | 'skeleton';\n tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;\n}\n\nconst BitkitIconButton = forwardRef<HTMLButtonElement, BitkitIconButtonProps>((props, ref) => {\n const { icon: Icon, label, size, state, tooltipProps, ...rest } = props;\n const iconSize = size === 'lg' ? '24' : '16';\n\n return (\n <BitkitLabelTooltip text={label} {...tooltipProps}>\n <Skeleton asChild loading={state === 'skeleton'}>\n <IconButton\n aria-label={label}\n disabled={state === 'disabled'}\n loading={state === 'loading'}\n ref={ref}\n size={size}\n {...rest}\n >\n <Icon size={iconSize} />\n </IconButton>\n </Skeleton>\n </BitkitLabelTooltip>\n );\n});\n\nBitkitIconButton.displayName = 'BitkitIconButton';\n\nexport default BitkitIconButton;\n"],"mappings":";;;;;;AAiBA,IAAM,mBAAmB,YAAsD,OAAO,QAAQ;CAC5F,MAAM,EAAE,MAAM,MAAM,OAAO,MAAM,OAAO,cAAc,GAAG,SAAS;CAClE,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,oBAAC,oBAAD;EAAoB,MAAM;EAAO,GAAI;YACnC,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAS,UAAU;aACnC,oBAAC,YAAD;IACE,cAAY;IACZ,UAAU,UAAU;IACpB,SAAS,UAAU;IACd;IACC;IACN,GAAI;cAEJ,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA;IACb,CAAA;GACJ,CAAA;EACQ,CAAA;EAEvB;AAEF,iBAAiB,cAAc"}
|
|
@@ -1,13 +1,23 @@
|
|
|
1
1
|
import { TooltipRootProps } from '@chakra-ui/react/tooltip';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { BitkitIconComponent } from '../../icons';
|
|
4
|
+
import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
|
|
3
5
|
export type BitkitTooltipProps = {
|
|
6
|
+
button?: BitkitColorButtonProps;
|
|
4
7
|
children: ReactNode;
|
|
8
|
+
closeOnClick?: TooltipRootProps['closeOnClick'];
|
|
5
9
|
disabled?: TooltipRootProps['disabled'];
|
|
10
|
+
icon?: BitkitIconComponent;
|
|
11
|
+
learnMoreTarget?: HTMLAnchorElement['target'];
|
|
12
|
+
learnMoreUrl?: string;
|
|
13
|
+
onOpenChange?: TooltipRootProps['onOpenChange'];
|
|
14
|
+
open?: TooltipRootProps['open'];
|
|
15
|
+
openDelay?: TooltipRootProps['openDelay'];
|
|
6
16
|
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
7
17
|
text: string;
|
|
8
18
|
};
|
|
9
19
|
declare const BitkitTooltip: {
|
|
10
|
-
({ children, disabled, placement, text }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
({ button, children, closeOnClick, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement, text, }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
11
21
|
displayName: string;
|
|
12
22
|
};
|
|
13
23
|
export default BitkitTooltip;
|
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
import { rem } from "../../theme/themeUtils.js";
|
|
2
|
+
import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
|
|
3
|
+
import { Box } from "@chakra-ui/react/box";
|
|
2
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
5
|
import { Tooltip } from "@chakra-ui/react/tooltip";
|
|
6
|
+
import { Link } from "@chakra-ui/react/link";
|
|
4
7
|
//#region lib/components/BitkitTooltip/BitkitTooltip.tsx
|
|
5
|
-
var BitkitTooltip = ({ children, disabled, placement = "top", text }) => {
|
|
8
|
+
var BitkitTooltip = ({ button, children, closeOnClick, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement = "top", text }) => {
|
|
9
|
+
const isInteractive = !!learnMoreUrl || !!button;
|
|
6
10
|
return /* @__PURE__ */ jsxs(Tooltip.Root, {
|
|
11
|
+
closeOnClick,
|
|
7
12
|
disabled,
|
|
13
|
+
interactive: isInteractive || void 0,
|
|
14
|
+
onOpenChange,
|
|
15
|
+
open,
|
|
16
|
+
openDelay,
|
|
17
|
+
paddingSize: isInteractive ? "lg" : void 0,
|
|
8
18
|
positioning: {
|
|
9
19
|
placement,
|
|
10
20
|
offset: {
|
|
@@ -16,8 +26,35 @@ var BitkitTooltip = ({ children, disabled, placement = "top", text }) => {
|
|
|
16
26
|
asChild: true,
|
|
17
27
|
children
|
|
18
28
|
}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
|
|
19
|
-
|
|
20
|
-
|
|
29
|
+
maxWidth: rem(320),
|
|
30
|
+
css: isInteractive && { minWidth: rem(240) },
|
|
31
|
+
children: [
|
|
32
|
+
/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }),
|
|
33
|
+
/* @__PURE__ */ jsxs(Box, {
|
|
34
|
+
display: "flex",
|
|
35
|
+
gap: "8",
|
|
36
|
+
children: [text, Icon && /* @__PURE__ */ jsx(Icon, {
|
|
37
|
+
flexShrink: "0",
|
|
38
|
+
size: "16"
|
|
39
|
+
})]
|
|
40
|
+
}),
|
|
41
|
+
isInteractive && /* @__PURE__ */ jsxs(Box, {
|
|
42
|
+
alignItems: "center",
|
|
43
|
+
display: "flex",
|
|
44
|
+
gap: "16",
|
|
45
|
+
marginBlockStart: "16",
|
|
46
|
+
children: [learnMoreUrl && /* @__PURE__ */ jsx(Link, {
|
|
47
|
+
color: "sys/purple/highlight",
|
|
48
|
+
href: learnMoreUrl,
|
|
49
|
+
rel: learnMoreTarget === "_blank" ? "noopener noreferrer" : void 0,
|
|
50
|
+
target: learnMoreTarget,
|
|
51
|
+
children: "Learn more"
|
|
52
|
+
}), button && /* @__PURE__ */ jsx(BitkitColorButton, {
|
|
53
|
+
css: { marginInlineStart: "auto" },
|
|
54
|
+
...button
|
|
55
|
+
})]
|
|
56
|
+
})
|
|
57
|
+
]
|
|
21
58
|
}) })]
|
|
22
59
|
});
|
|
23
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitTooltip.js","names":[],"sources":["../../../lib/components/BitkitTooltip/BitkitTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport { rem } from '../../theme/themeUtils';\n\nexport type BitkitTooltipProps = {\n children: ReactNode;\n disabled?: TooltipRootProps['disabled'];\n placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n text: string;\n};\n\nconst BitkitTooltip = ({
|
|
1
|
+
{"version":3,"file":"BitkitTooltip.js","names":[],"sources":["../../../lib/components/BitkitTooltip/BitkitTooltip.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\nexport type BitkitTooltipProps = {\n button?: BitkitColorButtonProps;\n children: ReactNode;\n closeOnClick?: TooltipRootProps['closeOnClick'];\n disabled?: TooltipRootProps['disabled'];\n icon?: BitkitIconComponent;\n learnMoreTarget?: HTMLAnchorElement['target'];\n learnMoreUrl?: string;\n onOpenChange?: TooltipRootProps['onOpenChange'];\n open?: TooltipRootProps['open'];\n openDelay?: TooltipRootProps['openDelay'];\n placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n text: string;\n};\n\nconst BitkitTooltip = ({\n button,\n children,\n closeOnClick,\n disabled,\n icon: Icon,\n learnMoreTarget,\n learnMoreUrl,\n onOpenChange,\n open,\n openDelay,\n placement = 'top',\n text,\n}: BitkitTooltipProps) => {\n const isInteractive = !!learnMoreUrl || !!button;\n\n return (\n <Tooltip.Root\n closeOnClick={closeOnClick}\n disabled={disabled}\n interactive={isInteractive || undefined}\n onOpenChange={onOpenChange}\n open={open}\n openDelay={openDelay}\n paddingSize={isInteractive ? 'lg' : undefined}\n positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n >\n <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n <Tooltip.Positioner>\n <Tooltip.Content maxWidth={rem(320)} css={isInteractive && { minWidth: rem(240) }}>\n <Tooltip.Arrow>\n <Tooltip.ArrowTip />\n </Tooltip.Arrow>\n <Box display=\"flex\" gap=\"8\">\n {text}\n {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n </Box>\n {isInteractive && (\n <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n {learnMoreUrl && (\n <Link\n color=\"sys/purple/highlight\"\n href={learnMoreUrl}\n rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n target={learnMoreTarget}\n >\n Learn more\n </Link>\n )}\n {button && <BitkitColorButton css={{ marginInlineStart: 'auto' }} {...button} />}\n </Box>\n )}\n </Tooltip.Content>\n </Tooltip.Positioner>\n </Tooltip.Root>\n );\n};\n\nBitkitTooltip.displayName = 'BitkitTooltip';\n\nexport default BitkitTooltip;\n"],"mappings":";;;;;;;AAwBA,IAAM,iBAAiB,EACrB,QACA,UACA,cACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,WACA,YAAY,OACZ,WACwB;CACxB,MAAM,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAE1C,QACE,qBAAC,QAAQ,MAAT;EACgB;EACJ;EACV,aAAa,iBAAiB,KAAA;EAChB;EACR;EACK;EACX,aAAa,gBAAgB,OAAO,KAAA;EACpC,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;YARnE,CAUE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;GAAiB,UAAU,IAAI,IAAI;GAAE,KAAK,iBAAiB,EAAE,UAAU,IAAI,IAAI,EAAE;aAAjF;IACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAoB,CAAA,EACN,CAAA;IAChB,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;eAAxB,CACG,MACA,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;MAAO,CAAA,CACtC;;IACL,iBACC,qBAAC,KAAD;KAAK,YAAW;KAAS,SAAQ;KAAO,KAAI;KAAK,kBAAiB;eAAlE,CACG,gBACC,oBAAC,MAAD;MACE,OAAM;MACN,MAAM;MACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;MAC5D,QAAQ;gBACT;MAEM,CAAA,EAER,UAAU,oBAAC,mBAAD;MAAmB,KAAK,EAAE,mBAAmB,QAAQ;MAAE,GAAI;MAAU,CAAA,CAC5E;;IAEQ;MACC,CAAA,CACR;;;AAInB,cAAc,cAAc"}
|
|
@@ -27,7 +27,6 @@ export { default as BitkitFileInput } from './BitkitFileInput/BitkitFileInput';
|
|
|
27
27
|
export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './BitkitGroupHeading/BitkitGroupHeading';
|
|
28
28
|
export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
|
|
29
29
|
export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
|
|
30
|
-
export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
|
|
31
30
|
export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/BitkitLabel';
|
|
32
31
|
export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
|
|
33
32
|
export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
|
package/dist/main.js
CHANGED
|
@@ -310,7 +310,6 @@ import BitkitFileInput from "./components/BitkitFileInput/BitkitFileInput.js";
|
|
|
310
310
|
import BitkitGroupHeading from "./components/BitkitGroupHeading/BitkitGroupHeading.js";
|
|
311
311
|
import BitkitIconButton from "./components/BitkitIconButton/BitkitIconButton.js";
|
|
312
312
|
import BitkitInlineLoading from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
|
|
313
|
-
import BitkitInteractiveTooltip from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
|
|
314
313
|
import BitkitLink from "./components/BitkitLink/BitkitLink.js";
|
|
315
314
|
import BitkitLinkButton from "./components/BitkitLinkButton/BitkitLinkButton.js";
|
|
316
315
|
import BitkitOrderedList_default from "./components/BitkitOrderedList/BitkitOrderedList.js";
|
|
@@ -339,4 +338,4 @@ import BitkitToggle from "./components/BitkitToggle/BitkitToggle.js";
|
|
|
339
338
|
import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
|
|
340
339
|
import bitkitTheme from "./theme/index.js";
|
|
341
340
|
import Provider from "./providers/BitkitProvider.js";
|
|
342
|
-
export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogContent, BitkitDialogRoot, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading,
|
|
341
|
+
export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogContent, BitkitDialogRoot, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowTooltip, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSplitButton_default as BitkitSplitButton, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitUnorderedList_default as BitkitUnorderedList, 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, 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, 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, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bitrise/bitkit-v2",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.184",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI V3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@storybook/addon-mcp": "^0.5.0",
|
|
65
65
|
"@storybook/react-vite": "10.3.5",
|
|
66
66
|
"@svgr/plugin-jsx": "^8.1.0",
|
|
67
|
-
"@types/node": "^25.
|
|
67
|
+
"@types/node": "^25.6.0",
|
|
68
68
|
"@types/react": "^18.3.28",
|
|
69
69
|
"@types/react-dom": "^18.3.7",
|
|
70
70
|
"@vitejs/plugin-react": "^6.0.1",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"storybook": "10.3.5",
|
|
76
76
|
"tsx": "^4.21.0",
|
|
77
77
|
"typescript": "^6.0.2",
|
|
78
|
-
"vite": "^8.0.
|
|
78
|
+
"vite": "^8.0.8",
|
|
79
79
|
"vite-plugin-dts": "^4.5.4",
|
|
80
80
|
"vite-plugin-svgr": "^5.2.0"
|
|
81
81
|
},
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { TooltipRootProps } from '@chakra-ui/react/tooltip';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
|
|
4
|
-
export type BitkitInteractiveTooltipProps = {
|
|
5
|
-
button?: BitkitColorButtonProps;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
learnMoreTarget?: HTMLAnchorElement['target'];
|
|
8
|
-
learnMoreUrl: string;
|
|
9
|
-
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
10
|
-
text: string;
|
|
11
|
-
};
|
|
12
|
-
declare const BitkitInteractiveTooltip: {
|
|
13
|
-
({ button, children, learnMoreTarget, learnMoreUrl, placement, text, }: BitkitInteractiveTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
16
|
-
export default BitkitInteractiveTooltip;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
|
|
2
|
-
import { Box } from "@chakra-ui/react/box";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
import { Tooltip } from "@chakra-ui/react/tooltip";
|
|
5
|
-
import { Link } from "@chakra-ui/react/link";
|
|
6
|
-
//#region lib/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.tsx
|
|
7
|
-
var BitkitInteractiveTooltip = ({ button, children, learnMoreTarget, learnMoreUrl, placement = "top", text }) => {
|
|
8
|
-
return /* @__PURE__ */ jsxs(Tooltip.Root, {
|
|
9
|
-
interactive: true,
|
|
10
|
-
paddingSize: "lg",
|
|
11
|
-
positioning: {
|
|
12
|
-
placement,
|
|
13
|
-
offset: {
|
|
14
|
-
mainAxis: 8,
|
|
15
|
-
crossAxis: 0
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
|
|
19
|
-
asChild: true,
|
|
20
|
-
children
|
|
21
|
-
}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, { children: [
|
|
22
|
-
/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }),
|
|
23
|
-
text,
|
|
24
|
-
/* @__PURE__ */ jsxs(Box, {
|
|
25
|
-
marginBlockStart: "16",
|
|
26
|
-
display: "flex",
|
|
27
|
-
gap: "16",
|
|
28
|
-
justifyContent: "space-between",
|
|
29
|
-
alignItems: "center",
|
|
30
|
-
children: [/* @__PURE__ */ jsx(Link, {
|
|
31
|
-
color: "sys/purple/highlight",
|
|
32
|
-
href: learnMoreUrl,
|
|
33
|
-
rel: learnMoreTarget === "_blank" ? "noopener noreferrer" : void 0,
|
|
34
|
-
target: learnMoreTarget,
|
|
35
|
-
children: "Learn more"
|
|
36
|
-
}), button && /* @__PURE__ */ jsx(BitkitColorButton, { ...button })]
|
|
37
|
-
})
|
|
38
|
-
] }) })]
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
BitkitInteractiveTooltip.displayName = "BitkitInteractiveTooltip";
|
|
42
|
-
//#endregion
|
|
43
|
-
export { BitkitInteractiveTooltip as default };
|
|
44
|
-
|
|
45
|
-
//# sourceMappingURL=BitkitInteractiveTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitInteractiveTooltip.js","names":[],"sources":["../../../lib/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\nexport type BitkitInteractiveTooltipProps = {\n button?: BitkitColorButtonProps;\n children: ReactNode;\n learnMoreTarget?: HTMLAnchorElement['target'];\n learnMoreUrl: string;\n placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n text: string;\n};\n\nconst BitkitInteractiveTooltip = ({\n button,\n children,\n learnMoreTarget,\n learnMoreUrl,\n placement = 'top',\n text,\n}: BitkitInteractiveTooltipProps) => {\n return (\n <Tooltip.Root interactive paddingSize=\"lg\" positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}>\n <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n <Tooltip.Positioner>\n <Tooltip.Content>\n <Tooltip.Arrow>\n <Tooltip.ArrowTip />\n </Tooltip.Arrow>\n {text}\n <Box marginBlockStart=\"16\" display=\"flex\" gap=\"16\" justifyContent=\"space-between\" alignItems=\"center\">\n <Link\n color=\"sys/purple/highlight\"\n href={learnMoreUrl}\n rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n target={learnMoreTarget}\n >\n Learn more\n </Link>\n {button && <BitkitColorButton {...button} />}\n </Box>\n </Tooltip.Content>\n </Tooltip.Positioner>\n </Tooltip.Root>\n );\n};\n\nBitkitInteractiveTooltip.displayName = 'BitkitInteractiveTooltip';\n\nexport default BitkitInteractiveTooltip;\n"],"mappings":";;;;;;AAgBA,IAAM,4BAA4B,EAChC,QACA,UACA,iBACA,cACA,YAAY,OACZ,WACmC;AACnC,QACE,qBAAC,QAAQ,MAAT;EAAc,aAAA;EAAY,aAAY;EAAK,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;YAA5G,CACE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT,EAAA,UAAA;GACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAoB,CAAA,EACN,CAAA;GACf;GACD,qBAAC,KAAD;IAAK,kBAAiB;IAAK,SAAQ;IAAO,KAAI;IAAK,gBAAe;IAAgB,YAAW;cAA7F,CACE,oBAAC,MAAD;KACE,OAAM;KACN,MAAM;KACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;KAC5D,QAAQ;eACT;KAEM,CAAA,EACN,UAAU,oBAAC,mBAAD,EAAmB,GAAI,QAAU,CAAA,CACxC;;GACU,EAAA,CAAA,EACC,CAAA,CACR;;;AAInB,yBAAyB,cAAc"}
|