@bitrise/bitkit-v2 0.3.170 → 0.3.172
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/BitkitCloseButton/BitkitCloseButton.js +10 -12
- package/dist/components/BitkitControlButton/BitkitControlButton.d.ts +2 -2
- package/dist/components/BitkitControlButton/BitkitControlButton.js +13 -15
- package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.d.ts +7 -3
- package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js +32 -21
- package/dist/components/BitkitExplainerList/BitkitExplainerList.d.ts +14 -0
- package/dist/components/BitkitExplainerList/BitkitExplainerList.js +52 -0
- package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.d.ts +1 -2
- package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js +17 -18
- package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.d.ts +13 -0
- package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js +22 -0
- package/dist/components/BitkitOrderedList/BitkitOrderedList.d.ts +13 -0
- package/dist/components/BitkitOrderedList/BitkitOrderedList.js +28 -0
- package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.d.ts +13 -0
- package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js +27 -0
- package/dist/components/BitkitToggleButton/BitkitToggleButton.d.ts +2 -2
- package/dist/components/BitkitToggleButton/BitkitToggleButton.js +8 -10
- package/dist/components/BitkitTooltip/BitkitTooltip.d.ts +1 -5
- package/dist/components/BitkitTooltip/BitkitTooltip.js +10 -9
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.d.ts +16 -0
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js +46 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/main.js +282 -272
- package/dist/theme/slot-recipes/Breadcrumb.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Combobox.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/List.recipe.d.ts +23 -0
- package/dist/theme/slot-recipes/List.recipe.js +46 -0
- package/dist/theme/slot-recipes/Select.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Tabs.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Tooltip.recipe.d.ts +34 -2
- package/dist/theme/slot-recipes/Tooltip.recipe.js +47 -26
- package/dist/theme/slot-recipes/index.d.ts +61 -7
- package/dist/theme/slot-recipes/index.js +26 -24
- package/package.json +1 -1
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { chakra as
|
|
1
|
+
import s from "../../icons/IconCross.js";
|
|
2
|
+
import c from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
|
|
3
|
+
import { chakra as d, useRecipe as m } from "@chakra-ui/react/styled-system";
|
|
4
4
|
import { forwardRef as n } from "react";
|
|
5
5
|
import { jsx as t } from "react/jsx-runtime";
|
|
6
|
-
var p = n((i,
|
|
7
|
-
const { "aria-label": e = "Close", size: r, ...o } = i,
|
|
8
|
-
return /* @__PURE__ */ t(
|
|
6
|
+
var p = n((i, a) => {
|
|
7
|
+
const { "aria-label": e = "Close", size: r, ...o } = i, l = m({ key: "closeButton" });
|
|
8
|
+
return /* @__PURE__ */ t(c, {
|
|
9
9
|
disabled: o.disabled,
|
|
10
|
-
showArrow: !1,
|
|
11
|
-
size: "sm",
|
|
12
10
|
text: e,
|
|
13
|
-
children: /* @__PURE__ */ t(
|
|
14
|
-
ref:
|
|
11
|
+
children: /* @__PURE__ */ t(d.button, {
|
|
12
|
+
ref: a,
|
|
15
13
|
"aria-label": e,
|
|
16
14
|
...o,
|
|
17
|
-
css:
|
|
15
|
+
css: l({ size: r }),
|
|
18
16
|
color: o.colorPalette === "neutral" && !o.disabled ? "icon/primary" : void 0,
|
|
19
|
-
children: /* @__PURE__ */ t(
|
|
17
|
+
children: /* @__PURE__ */ t(s, { size: r === "xs" ? "16" : "24" })
|
|
20
18
|
})
|
|
21
19
|
});
|
|
22
20
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
|
|
2
2
|
import { BitkitIconComponent } from '../../icons';
|
|
3
|
-
import {
|
|
3
|
+
import { BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';
|
|
4
4
|
type ControlButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
5
5
|
export interface BitkitControlButtonProps extends Omit<HTMLChakraProps<'button'>, 'children' | 'disabled' | 'size'> {
|
|
6
6
|
icon: BitkitIconComponent;
|
|
@@ -8,7 +8,7 @@ export interface BitkitControlButtonProps extends Omit<HTMLChakraProps<'button'>
|
|
|
8
8
|
label: string;
|
|
9
9
|
size?: ControlButtonSize;
|
|
10
10
|
state?: 'disabled' | 'skeleton';
|
|
11
|
-
tooltipProps?: Partial<Omit<
|
|
11
|
+
tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;
|
|
12
12
|
}
|
|
13
13
|
declare const BitkitControlButton: import('react').ForwardRefExoticComponent<BitkitControlButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
14
14
|
export default BitkitControlButton;
|
|
@@ -1,32 +1,30 @@
|
|
|
1
|
-
import d from "../
|
|
1
|
+
import d from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
|
|
2
2
|
import { chakra as f, useRecipe as k } from "@chakra-ui/react/styled-system";
|
|
3
3
|
import { forwardRef as u } from "react";
|
|
4
|
-
import { jsx as
|
|
5
|
-
import { Skeleton as
|
|
6
|
-
var
|
|
7
|
-
const { icon:
|
|
8
|
-
return /* @__PURE__ */
|
|
9
|
-
showArrow: !1,
|
|
10
|
-
size: "sm",
|
|
4
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
5
|
+
import { Skeleton as b } from "@chakra-ui/react/skeleton";
|
|
6
|
+
var x = u((r, n) => {
|
|
7
|
+
const { icon: s, isDanger: l, label: i, size: o = "sm", state: e, tooltipProps: a, ...c } = r, m = k({ key: "controlButton" }), p = o === "xxs" || o === "xs" ? "16" : "24";
|
|
8
|
+
return /* @__PURE__ */ t(d, {
|
|
11
9
|
text: i,
|
|
12
10
|
...a,
|
|
13
|
-
children: /* @__PURE__ */
|
|
14
|
-
ref:
|
|
11
|
+
children: /* @__PURE__ */ t(f.button, {
|
|
12
|
+
ref: n,
|
|
15
13
|
"aria-label": i,
|
|
16
14
|
disabled: e === "disabled" || e === "skeleton",
|
|
17
15
|
...c,
|
|
18
16
|
css: m({
|
|
19
17
|
isDanger: l,
|
|
20
|
-
size:
|
|
18
|
+
size: o
|
|
21
19
|
}),
|
|
22
|
-
children: /* @__PURE__ */
|
|
20
|
+
children: /* @__PURE__ */ t(b, {
|
|
23
21
|
loading: e === "skeleton",
|
|
24
|
-
children: /* @__PURE__ */
|
|
22
|
+
children: /* @__PURE__ */ t(s, { size: p })
|
|
25
23
|
})
|
|
26
24
|
})
|
|
27
25
|
});
|
|
28
26
|
});
|
|
29
|
-
|
|
27
|
+
x.displayName = "BitkitControlButton";
|
|
30
28
|
export {
|
|
31
|
-
|
|
29
|
+
x as default
|
|
32
30
|
};
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface BitkitDefinitionTooltipProps
|
|
1
|
+
import { TooltipRootProps } from '@chakra-ui/react/tooltip';
|
|
2
|
+
export interface BitkitDefinitionTooltipProps {
|
|
3
3
|
children: string;
|
|
4
4
|
method?: 'click' | 'hover';
|
|
5
|
+
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
5
6
|
text: string;
|
|
6
7
|
}
|
|
7
|
-
declare const BitkitDefinitionTooltip:
|
|
8
|
+
declare const BitkitDefinitionTooltip: {
|
|
9
|
+
({ children, method, placement, text, }: BitkitDefinitionTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
8
12
|
export default BitkitDefinitionTooltip;
|
|
@@ -1,25 +1,36 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
var
|
|
6
|
-
const
|
|
7
|
-
return /* @__PURE__ */
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
1
|
+
import { chakra as f, useRecipe as k } from "@chakra-ui/react/styled-system";
|
|
2
|
+
import { useState as d } from "react";
|
|
3
|
+
import { jsx as n, jsxs as c } from "react/jsx-runtime";
|
|
4
|
+
import { Tooltip as o } from "@chakra-ui/react/tooltip";
|
|
5
|
+
var u = ({ children: r, method: i = "click", placement: l = "top", text: s }) => {
|
|
6
|
+
const p = k({ key: "definitionTooltip" }), [e, t] = d(!1);
|
|
7
|
+
return /* @__PURE__ */ c(o.Root, {
|
|
8
|
+
onOpenChange: i === "click" ? ({ open: a }) => {
|
|
9
|
+
a || t(!1);
|
|
10
|
+
} : void 0,
|
|
11
|
+
open: i === "click" ? e : void 0,
|
|
12
|
+
closeOnClick: i === "click" ? !1 : void 0,
|
|
13
|
+
openDelay: i === "click" ? 1 / 0 : void 0,
|
|
14
|
+
positioning: {
|
|
15
|
+
placement: l,
|
|
16
|
+
offset: {
|
|
17
|
+
mainAxis: 8,
|
|
18
|
+
crossAxis: 0
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
children: [/* @__PURE__ */ n(o.Trigger, {
|
|
22
|
+
asChild: !0,
|
|
23
|
+
children: /* @__PURE__ */ n(f.button, {
|
|
24
|
+
"aria-expanded": i === "click" ? e : void 0,
|
|
25
|
+
css: p({ method: i }),
|
|
26
|
+
onClick: i === "click" ? () => t(!e) : void 0,
|
|
27
|
+
type: "button",
|
|
28
|
+
children: r
|
|
29
|
+
})
|
|
30
|
+
}), /* @__PURE__ */ n(o.Positioner, { children: /* @__PURE__ */ c(o.Content, { children: [/* @__PURE__ */ n(o.Arrow, { children: /* @__PURE__ */ n(o.ArrowTip, {}) }), s] }) })]
|
|
21
31
|
});
|
|
22
32
|
};
|
|
33
|
+
u.displayName = "BitkitDefinitionTooltip";
|
|
23
34
|
export {
|
|
24
|
-
|
|
35
|
+
u as default
|
|
25
36
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ListRootProps } from '@chakra-ui/react/list';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
export interface BitkitExplainerListProps extends Omit<ListRootProps, 'colorPalette'> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
colorPalette?: 'neutral' | 'purple';
|
|
6
|
+
}
|
|
7
|
+
export interface BitkitExplainerListItemProps {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
helperText?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: import('react').ForwardRefExoticComponent<BitkitExplainerListProps & import('react').RefAttributes<HTMLOListElement>> & {
|
|
12
|
+
Item: import('react').ForwardRefExoticComponent<BitkitExplainerListItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
13
|
+
};
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Box as p } from "@chakra-ui/react/box";
|
|
2
|
+
import { Text as x } from "@chakra-ui/react/text";
|
|
3
|
+
import { forwardRef as a } from "react";
|
|
4
|
+
import { jsx as o, jsxs as n } from "react/jsx-runtime";
|
|
5
|
+
import { List as l } from "@chakra-ui/react/list";
|
|
6
|
+
var s = a((r, i) => {
|
|
7
|
+
const { children: t, colorPalette: e = "neutral", size: d = "lg", ...m } = r;
|
|
8
|
+
return /* @__PURE__ */ o(l.Root, {
|
|
9
|
+
ref: i,
|
|
10
|
+
as: "ol",
|
|
11
|
+
colorPalette: e,
|
|
12
|
+
counterReset: "explainer-list",
|
|
13
|
+
size: d,
|
|
14
|
+
...m,
|
|
15
|
+
children: t
|
|
16
|
+
});
|
|
17
|
+
});
|
|
18
|
+
s.displayName = "BitkitExplainerList";
|
|
19
|
+
var c = a((r, i) => {
|
|
20
|
+
const { children: t, helperText: e } = r;
|
|
21
|
+
return /* @__PURE__ */ n(l.Item, {
|
|
22
|
+
ref: i,
|
|
23
|
+
counterIncrement: "explainer-list",
|
|
24
|
+
gap: e ? "12" : "6",
|
|
25
|
+
marginBlockEnd: e ? "8" : void 0,
|
|
26
|
+
children: [/* @__PURE__ */ o(l.Indicator, {
|
|
27
|
+
_before: { content: "counter(explainer-list)" },
|
|
28
|
+
background: "colorPalette.subtle",
|
|
29
|
+
borderRadius: "50%",
|
|
30
|
+
color: "colorPalette.strong",
|
|
31
|
+
height: e ? "24" : "20",
|
|
32
|
+
overflow: "hidden",
|
|
33
|
+
textStyle: "comp/badge/sm",
|
|
34
|
+
width: e ? "24" : "20"
|
|
35
|
+
}), e ? /* @__PURE__ */ n(p, {
|
|
36
|
+
display: "flex",
|
|
37
|
+
flex: "1",
|
|
38
|
+
flexDirection: "column",
|
|
39
|
+
minWidth: "0",
|
|
40
|
+
children: [t, /* @__PURE__ */ o(x, {
|
|
41
|
+
color: "text/secondary",
|
|
42
|
+
textStyle: "body/md/regular",
|
|
43
|
+
children: e
|
|
44
|
+
})]
|
|
45
|
+
}) : t]
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
c.displayName = "BitkitExplainerListItem";
|
|
49
|
+
var k = Object.assign(s, { Item: c });
|
|
50
|
+
export {
|
|
51
|
+
k as default
|
|
52
|
+
};
|
|
@@ -8,10 +8,9 @@ export type BitkitInteractiveTooltipProps = {
|
|
|
8
8
|
learnMoreUrl: string;
|
|
9
9
|
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
10
10
|
text: string;
|
|
11
|
-
tooltipProps?: TooltipRootProps;
|
|
12
11
|
};
|
|
13
12
|
declare const BitkitInteractiveTooltip: {
|
|
14
|
-
({ button, children, learnMoreTarget, learnMoreUrl, placement, text,
|
|
13
|
+
({ button, children, learnMoreTarget, learnMoreUrl, placement, text, }: BitkitInteractiveTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
15
14
|
displayName: string;
|
|
16
15
|
};
|
|
17
16
|
export default BitkitInteractiveTooltip;
|
|
@@ -1,38 +1,37 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Box as
|
|
3
|
-
import { jsx as
|
|
4
|
-
import { Tooltip as
|
|
5
|
-
import { Link as
|
|
6
|
-
var d = ({ button: e, children: n, learnMoreTarget: o, learnMoreUrl: l, placement:
|
|
1
|
+
import a from "../BitkitColorButton/BitkitColorButton.js";
|
|
2
|
+
import { Box as m } from "@chakra-ui/react/box";
|
|
3
|
+
import { jsx as i, jsxs as t } from "react/jsx-runtime";
|
|
4
|
+
import { Tooltip as r } from "@chakra-ui/react/tooltip";
|
|
5
|
+
import { Link as c } from "@chakra-ui/react/link";
|
|
6
|
+
var d = ({ button: e, children: n, learnMoreTarget: o, learnMoreUrl: l, placement: p = "top", text: s }) => /* @__PURE__ */ t(r.Root, {
|
|
7
|
+
interactive: !0,
|
|
8
|
+
paddingSize: "lg",
|
|
7
9
|
positioning: {
|
|
8
|
-
placement:
|
|
10
|
+
placement: p,
|
|
9
11
|
offset: {
|
|
10
12
|
mainAxis: 8,
|
|
11
13
|
crossAxis: 0
|
|
12
14
|
}
|
|
13
15
|
},
|
|
14
|
-
|
|
15
|
-
interactive: !0,
|
|
16
|
-
size: "lg",
|
|
17
|
-
children: [/* @__PURE__ */ r(i.Trigger, {
|
|
16
|
+
children: [/* @__PURE__ */ i(r.Trigger, {
|
|
18
17
|
asChild: !0,
|
|
19
18
|
children: n
|
|
20
|
-
}), /* @__PURE__ */ r
|
|
21
|
-
/* @__PURE__ */ r
|
|
22
|
-
|
|
23
|
-
/* @__PURE__ */ t(
|
|
19
|
+
}), /* @__PURE__ */ i(r.Positioner, { children: /* @__PURE__ */ t(r.Content, { children: [
|
|
20
|
+
/* @__PURE__ */ i(r.Arrow, { children: /* @__PURE__ */ i(r.ArrowTip, {}) }),
|
|
21
|
+
s,
|
|
22
|
+
/* @__PURE__ */ t(m, {
|
|
24
23
|
marginBlockStart: "16",
|
|
25
24
|
display: "flex",
|
|
26
25
|
gap: "16",
|
|
27
26
|
justifyContent: "space-between",
|
|
28
27
|
alignItems: "center",
|
|
29
|
-
children: [/* @__PURE__ */
|
|
28
|
+
children: [/* @__PURE__ */ i(c, {
|
|
30
29
|
color: "sys/purple/highlight",
|
|
31
30
|
href: l,
|
|
32
|
-
target: o,
|
|
33
31
|
rel: o === "_blank" ? "noopener noreferrer" : void 0,
|
|
32
|
+
target: o,
|
|
34
33
|
children: "Learn more"
|
|
35
|
-
}), e && /* @__PURE__ */
|
|
34
|
+
}), e && /* @__PURE__ */ i(a, { ...e })]
|
|
36
35
|
})
|
|
37
36
|
] }) })]
|
|
38
37
|
});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TooltipRootProps } from '@chakra-ui/react/tooltip';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
export type BitkitLabelTooltipProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
disabled?: TooltipRootProps['disabled'];
|
|
6
|
+
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
7
|
+
text: string;
|
|
8
|
+
};
|
|
9
|
+
declare const BitkitLabelTooltip: {
|
|
10
|
+
({ children, disabled, placement, text }: BitkitLabelTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export default BitkitLabelTooltip;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as t, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { Tooltip as i } from "@chakra-ui/react/tooltip";
|
|
3
|
+
var n = ({ children: o, disabled: e, placement: r = "top", text: s }) => /* @__PURE__ */ l(i.Root, {
|
|
4
|
+
disabled: e,
|
|
5
|
+
paddingSize: "sm",
|
|
6
|
+
positioning: {
|
|
7
|
+
placement: r,
|
|
8
|
+
offset: {
|
|
9
|
+
mainAxis: 8,
|
|
10
|
+
crossAxis: 0
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
textStyle: "sm/semibold",
|
|
14
|
+
children: [/* @__PURE__ */ t(i.Trigger, {
|
|
15
|
+
asChild: !0,
|
|
16
|
+
children: o
|
|
17
|
+
}), /* @__PURE__ */ t(i.Positioner, { children: /* @__PURE__ */ t(i.Content, { children: s }) })]
|
|
18
|
+
});
|
|
19
|
+
n.displayName = "BitkitLabelTooltip";
|
|
20
|
+
export {
|
|
21
|
+
n as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ListRootProps } from '@chakra-ui/react/list';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
export interface BitkitOrderedListProps extends ListRootProps {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
size?: 'lg' | 'md';
|
|
6
|
+
}
|
|
7
|
+
export interface BitkitOrderedListItemProps {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import('react').ForwardRefExoticComponent<BitkitOrderedListProps & import('react').RefAttributes<HTMLOListElement>> & {
|
|
11
|
+
Item: import('react').ForwardRefExoticComponent<BitkitOrderedListItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { forwardRef as d } from "react";
|
|
2
|
+
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
3
|
+
import { List as i } from "@chakra-ui/react/list";
|
|
4
|
+
var o = d((e, t) => {
|
|
5
|
+
const { children: r, size: a = "lg", ...m } = e;
|
|
6
|
+
return /* @__PURE__ */ s(i.Root, {
|
|
7
|
+
ref: t,
|
|
8
|
+
as: "ol",
|
|
9
|
+
counterReset: "ordered-list",
|
|
10
|
+
size: a,
|
|
11
|
+
...m,
|
|
12
|
+
children: r
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
o.displayName = "BitkitOrderedList";
|
|
16
|
+
var n = d((e, t) => {
|
|
17
|
+
const { children: r } = e;
|
|
18
|
+
return /* @__PURE__ */ c(i.Item, {
|
|
19
|
+
ref: t,
|
|
20
|
+
counterIncrement: "ordered-list",
|
|
21
|
+
children: [/* @__PURE__ */ s(i.Indicator, { _before: { content: 'counter(ordered-list) "."' } }), r]
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
n.displayName = "BitkitOrderedListItem";
|
|
25
|
+
var p = Object.assign(o, { Item: n });
|
|
26
|
+
export {
|
|
27
|
+
p as default
|
|
28
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TooltipRootProps } from '@chakra-ui/react/tooltip';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
export type BitkitOverflowTooltipProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
disabled?: TooltipRootProps['disabled'];
|
|
6
|
+
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
7
|
+
text: string;
|
|
8
|
+
};
|
|
9
|
+
declare const BitkitOverflowTooltip: {
|
|
10
|
+
({ children, disabled, placement, text }: BitkitOverflowTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export default BitkitOverflowTooltip;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { rem as l } from "../../theme/themeUtils.js";
|
|
2
|
+
import { jsx as t, jsxs as a } from "react/jsx-runtime";
|
|
3
|
+
import { Tooltip as i } from "@chakra-ui/react/tooltip";
|
|
4
|
+
var m = ({ children: r, disabled: o, placement: e = "right", text: s }) => /* @__PURE__ */ a(i.Root, {
|
|
5
|
+
disabled: o,
|
|
6
|
+
paddingSize: "sm",
|
|
7
|
+
positioning: {
|
|
8
|
+
placement: e,
|
|
9
|
+
offset: {
|
|
10
|
+
mainAxis: 8,
|
|
11
|
+
crossAxis: 0
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
textStyle: "sm/regular",
|
|
15
|
+
variant: "light",
|
|
16
|
+
children: [/* @__PURE__ */ t(i.Trigger, {
|
|
17
|
+
asChild: !0,
|
|
18
|
+
children: r
|
|
19
|
+
}), /* @__PURE__ */ t(i.Positioner, { children: /* @__PURE__ */ t(i.Content, {
|
|
20
|
+
css: { maxWidth: l(800) },
|
|
21
|
+
children: s
|
|
22
|
+
}) })]
|
|
23
|
+
});
|
|
24
|
+
m.displayName = "BitkitOverflowTooltip";
|
|
25
|
+
export {
|
|
26
|
+
m as default
|
|
27
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
|
|
2
2
|
import { BitkitIconComponent } from '../../icons';
|
|
3
|
-
import {
|
|
3
|
+
import { BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';
|
|
4
4
|
export interface BitkitToggleButtonProps extends Omit<HTMLChakraProps<'button'>, 'children' | 'disabled' | 'size'> {
|
|
5
5
|
icon: BitkitIconComponent;
|
|
6
6
|
label: string;
|
|
7
7
|
size?: 'sm' | 'md' | 'lg';
|
|
8
8
|
state?: 'disabled' | 'skeleton';
|
|
9
9
|
isSelected?: boolean;
|
|
10
|
-
tooltipProps?: Partial<Omit<
|
|
10
|
+
tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;
|
|
11
11
|
defaultSelected?: boolean;
|
|
12
12
|
onSelectedChange?: (selected: boolean) => void;
|
|
13
13
|
}
|
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import g from "../
|
|
1
|
+
import g from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
|
|
2
2
|
import { chakra as u, useRecipe as h } from "@chakra-ui/react/styled-system";
|
|
3
|
-
import { forwardRef as
|
|
3
|
+
import { forwardRef as b } from "react";
|
|
4
4
|
import { jsx as e } from "react/jsx-runtime";
|
|
5
|
-
import { Skeleton as
|
|
5
|
+
import { Skeleton as k } from "@chakra-ui/react/skeleton";
|
|
6
6
|
import { Toggle as B } from "@chakra-ui/react/toggle";
|
|
7
|
-
var S =
|
|
8
|
-
const { icon:
|
|
7
|
+
var S = b((r, l) => {
|
|
8
|
+
const { icon: s, label: t, size: o = "md", state: i, isSelected: d, tooltipProps: n, defaultSelected: a, onSelectedChange: c, ...m } = r, p = h({ key: "toggleButton" }), f = o === "lg" ? "24" : "16";
|
|
9
9
|
return /* @__PURE__ */ e(g, {
|
|
10
|
-
showArrow: !1,
|
|
11
|
-
size: "sm",
|
|
12
10
|
text: t,
|
|
13
11
|
...n,
|
|
14
|
-
children: /* @__PURE__ */ e(
|
|
12
|
+
children: /* @__PURE__ */ e(k, {
|
|
15
13
|
loading: i === "skeleton",
|
|
16
14
|
borderRadius: "4",
|
|
17
15
|
width: "fit-content",
|
|
@@ -22,11 +20,11 @@ var S = k((r, s) => {
|
|
|
22
20
|
onPressedChange: c,
|
|
23
21
|
pressed: d,
|
|
24
22
|
children: /* @__PURE__ */ e(u.button, {
|
|
25
|
-
ref:
|
|
23
|
+
ref: l,
|
|
26
24
|
"aria-label": t,
|
|
27
25
|
...m,
|
|
28
26
|
css: p({ size: o }),
|
|
29
|
-
children: /* @__PURE__ */ e(
|
|
27
|
+
children: /* @__PURE__ */ e(s, { size: f })
|
|
30
28
|
})
|
|
31
29
|
})
|
|
32
30
|
})
|
|
@@ -3,15 +3,11 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
export type BitkitTooltipProps = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
disabled?: TooltipRootProps['disabled'];
|
|
6
|
-
ids?: TooltipRootProps['ids'];
|
|
7
6
|
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
8
|
-
showArrow?: boolean;
|
|
9
|
-
size?: TooltipRootProps['size'];
|
|
10
7
|
text: string;
|
|
11
|
-
tooltipRootProps?: TooltipRootProps;
|
|
12
8
|
};
|
|
13
9
|
declare const BitkitTooltip: {
|
|
14
|
-
({ children, disabled,
|
|
10
|
+
({ children, disabled, placement, text }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
15
11
|
displayName: string;
|
|
16
12
|
};
|
|
17
13
|
export default BitkitTooltip;
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
+
import { rem as p } from "../../theme/themeUtils.js";
|
|
1
2
|
import { jsx as o, jsxs as r } from "react/jsx-runtime";
|
|
2
3
|
import { Tooltip as i } from "@chakra-ui/react/tooltip";
|
|
3
|
-
var
|
|
4
|
-
disabled:
|
|
5
|
-
ids: s,
|
|
4
|
+
var l = ({ children: t, disabled: s, placement: e = "top", text: n }) => /* @__PURE__ */ r(i.Root, {
|
|
5
|
+
disabled: s,
|
|
6
6
|
positioning: {
|
|
7
|
-
placement:
|
|
7
|
+
placement: e,
|
|
8
8
|
offset: {
|
|
9
9
|
mainAxis: 8,
|
|
10
10
|
crossAxis: 0
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
|
-
size: p,
|
|
14
|
-
...a,
|
|
15
13
|
children: [/* @__PURE__ */ o(i.Trigger, {
|
|
16
14
|
asChild: !0,
|
|
17
15
|
children: t
|
|
18
|
-
}), /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ r(i.Content, {
|
|
16
|
+
}), /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ r(i.Content, {
|
|
17
|
+
css: { maxWidth: p(320) },
|
|
18
|
+
children: [/* @__PURE__ */ o(i.Arrow, { children: /* @__PURE__ */ o(i.ArrowTip, {}) }), n]
|
|
19
|
+
}) })]
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
+
l.displayName = "BitkitTooltip";
|
|
21
22
|
export {
|
|
22
|
-
|
|
23
|
+
l as default
|
|
23
24
|
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ListRootProps } from '@chakra-ui/react/list';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { BitkitIconComponent } from '../../icons';
|
|
4
|
+
export interface BitkitUnorderedListProps extends ListRootProps {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
size?: 'lg' | 'md';
|
|
7
|
+
}
|
|
8
|
+
export interface BitkitUnorderedListItemProps {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
icon?: BitkitIconComponent;
|
|
11
|
+
iconColor?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import('react').ForwardRefExoticComponent<BitkitUnorderedListProps & import('react').RefAttributes<HTMLUListElement>> & {
|
|
14
|
+
Item: import('react').ForwardRefExoticComponent<BitkitUnorderedListItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { forwardRef as a } from "react";
|
|
2
|
+
import { jsx as t, jsxs as s } from "react/jsx-runtime";
|
|
3
|
+
import { createContext as L } from "@chakra-ui/react";
|
|
4
|
+
import { List as r } from "@chakra-ui/react/list";
|
|
5
|
+
var [I, U] = L({
|
|
6
|
+
name: "UnorderedListContext",
|
|
7
|
+
hookName: "useUnorderedListContext",
|
|
8
|
+
providerName: "<BitkitUnorderedList />"
|
|
9
|
+
}), c = a((d, i) => {
|
|
10
|
+
const { children: o, size: e = "lg", ...n } = d;
|
|
11
|
+
return /* @__PURE__ */ t(I, {
|
|
12
|
+
value: { size: e },
|
|
13
|
+
children: /* @__PURE__ */ t(r.Root, {
|
|
14
|
+
ref: i,
|
|
15
|
+
size: e,
|
|
16
|
+
...n,
|
|
17
|
+
children: o
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
c.displayName = "BitkitUnorderedList";
|
|
22
|
+
var h = {
|
|
23
|
+
lg: "24",
|
|
24
|
+
md: "16"
|
|
25
|
+
}, m = a((d, i) => {
|
|
26
|
+
const { children: o, icon: e, iconColor: n } = d, { size: l } = U();
|
|
27
|
+
return e ? /* @__PURE__ */ s(r.Item, {
|
|
28
|
+
ref: i,
|
|
29
|
+
gap: "8",
|
|
30
|
+
children: [/* @__PURE__ */ t(r.Indicator, {
|
|
31
|
+
color: n ?? "icon/secondary",
|
|
32
|
+
children: /* @__PURE__ */ t(e, { size: h[l] })
|
|
33
|
+
}), o]
|
|
34
|
+
}) : /* @__PURE__ */ s(r.Item, {
|
|
35
|
+
ref: i,
|
|
36
|
+
children: [/* @__PURE__ */ t(r.Indicator, {
|
|
37
|
+
"aria-hidden": !0,
|
|
38
|
+
children: "•"
|
|
39
|
+
}), o]
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
m.displayName = "BitkitUnorderedListItem";
|
|
43
|
+
var x = Object.assign(c, { Item: m });
|
|
44
|
+
export {
|
|
45
|
+
x as default
|
|
46
|
+
};
|
|
@@ -20,14 +20,18 @@ export { default as BitkitDialogContent, type BitkitDialogContentProps } from '.
|
|
|
20
20
|
export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
|
|
21
21
|
export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
|
|
22
22
|
export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
|
|
23
|
+
export { default as BitkitExplainerList, type BitkitExplainerListItemProps, type BitkitExplainerListProps, } from './BitkitExplainerList/BitkitExplainerList';
|
|
23
24
|
export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
|
|
24
25
|
export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
|
|
25
26
|
export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
|
|
26
27
|
export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
|
|
28
|
+
export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
|
|
27
29
|
export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
|
|
28
30
|
export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
|
|
29
31
|
export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
|
|
30
32
|
export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
|
|
33
|
+
export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
|
|
34
|
+
export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
|
|
31
35
|
export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
|
|
32
36
|
export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
|
|
33
37
|
export { default as BitkitRibbon, type BitkitRibbonProps } from './BitkitRibbon/BitkitRibbon';
|
|
@@ -42,3 +46,4 @@ export { default as BitkitTextInput, type BitkitTextInputProps } from './BitkitT
|
|
|
42
46
|
export { default as BitkitToggle, type BitkitToggleProps } from './BitkitToggle';
|
|
43
47
|
export { default as BitkitToggleButton, type BitkitToggleButtonProps } from './BitkitToggleButton/BitkitToggleButton';
|
|
44
48
|
export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';
|
|
49
|
+
export { default as BitkitUnorderedList, type BitkitUnorderedListItemProps, type BitkitUnorderedListProps, } from './BitkitUnorderedList/BitkitUnorderedList';
|