@bitrise/bitkit-v2 0.3.177 → 0.3.178
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/BitkitMarkdown/BitkitMarkdown.d.ts +11 -0
- package/dist/components/BitkitMarkdown/BitkitMarkdown.js +104 -0
- package/dist/components/BitkitMarkdown/BitkitMarkdown.sample.d.ts +2 -0
- package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.d.ts +22 -0
- package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js +62 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/main.js +26 -24
- package/dist/theme/slot-recipes/Markdown.recipe.d.ts +20 -0
- package/dist/theme/slot-recipes/Markdown.recipe.js +24 -0
- package/dist/theme/slot-recipes/MarkdownCard.recipe.d.ts +45 -0
- package/dist/theme/slot-recipes/MarkdownCard.recipe.js +86 -0
- package/dist/theme/slot-recipes/index.d.ts +63 -0
- package/dist/theme/slot-recipes/index.js +34 -30
- package/package.json +3 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { StackProps } from '@chakra-ui/react/stack';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { default as Markdown, Components } from 'react-markdown';
|
|
4
|
+
export interface BitkitMarkdownProps extends Omit<StackProps, 'children'> {
|
|
5
|
+
children: string;
|
|
6
|
+
components?: Components | null;
|
|
7
|
+
rehypePlugins?: ComponentProps<typeof Markdown>['rehypePlugins'];
|
|
8
|
+
size?: 'sm' | 'md' | 'lg';
|
|
9
|
+
}
|
|
10
|
+
declare const BitkitMarkdown: import('react').ForwardRefExoticComponent<BitkitMarkdownProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export default BitkitMarkdown;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import e from "../BitkitCodeSnippet/BitkitCodeSnippet.js";
|
|
2
|
+
import t from "../BitkitLink/BitkitLink.js";
|
|
3
|
+
import n from "../BitkitOrderedList/BitkitOrderedList.js";
|
|
4
|
+
import r from "../BitkitUnorderedList/BitkitUnorderedList.js";
|
|
5
|
+
import { chakra as i, useSlotRecipe as a } from "@chakra-ui/react/styled-system";
|
|
6
|
+
import { Text as o } from "@chakra-ui/react/text";
|
|
7
|
+
import { createContext as s, forwardRef as c, isValidElement as l } from "react";
|
|
8
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
9
|
+
import { Separator as d } from "@chakra-ui/react/separator";
|
|
10
|
+
import { Stack as f } from "@chakra-ui/react/stack";
|
|
11
|
+
import { Heading as p } from "@chakra-ui/react/heading";
|
|
12
|
+
import m from "react-markdown";
|
|
13
|
+
//#region lib/components/BitkitMarkdown/BitkitMarkdown.tsx
|
|
14
|
+
var h = s("unordered"), g = (e) => typeof e == "string" ? e : typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(g).join("") : l(e) ? g(e.props.children) : "", _ = (a, s) => {
|
|
15
|
+
let c = a === "lg" ? "lg" : "md", l = a === "lg" ? "lg" : "md";
|
|
16
|
+
return {
|
|
17
|
+
a: ({ node: e, ...n }) => /* @__PURE__ */ u(t, {
|
|
18
|
+
colorScheme: "purple",
|
|
19
|
+
rel: "noopener noreferrer",
|
|
20
|
+
target: "_blank",
|
|
21
|
+
...n
|
|
22
|
+
}),
|
|
23
|
+
blockquote: ({ node: e, ...t }) => /* @__PURE__ */ u(i.blockquote, {
|
|
24
|
+
css: s,
|
|
25
|
+
...t
|
|
26
|
+
}),
|
|
27
|
+
code: ({ node: t, children: n }) => /* @__PURE__ */ u(e, {
|
|
28
|
+
variant: "inline",
|
|
29
|
+
size: c,
|
|
30
|
+
children: String(n)
|
|
31
|
+
}),
|
|
32
|
+
h1: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
|
|
33
|
+
as: "h1",
|
|
34
|
+
textStyle: "heading/h1",
|
|
35
|
+
...t
|
|
36
|
+
}),
|
|
37
|
+
h2: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
|
|
38
|
+
as: "h2",
|
|
39
|
+
textStyle: "heading/h2",
|
|
40
|
+
...t
|
|
41
|
+
}),
|
|
42
|
+
h3: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
|
|
43
|
+
as: "h3",
|
|
44
|
+
textStyle: "heading/h3",
|
|
45
|
+
...t
|
|
46
|
+
}),
|
|
47
|
+
h4: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
|
|
48
|
+
as: "h4",
|
|
49
|
+
textStyle: "heading/h4",
|
|
50
|
+
...t
|
|
51
|
+
}),
|
|
52
|
+
h5: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
|
|
53
|
+
as: "h5",
|
|
54
|
+
textStyle: "heading/h5",
|
|
55
|
+
...t
|
|
56
|
+
}),
|
|
57
|
+
h6: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
|
|
58
|
+
as: "h6",
|
|
59
|
+
textStyle: "heading/h6",
|
|
60
|
+
...t
|
|
61
|
+
}),
|
|
62
|
+
hr: () => /* @__PURE__ */ u(d, {}),
|
|
63
|
+
li: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Consumer, { children: (e) => u(e === "ordered" ? n.Item : r.Item, { children: t.children }) }),
|
|
64
|
+
ol: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Provider, {
|
|
65
|
+
value: "ordered",
|
|
66
|
+
children: /* @__PURE__ */ u(n, {
|
|
67
|
+
size: l,
|
|
68
|
+
children: t.children
|
|
69
|
+
})
|
|
70
|
+
}),
|
|
71
|
+
p: ({ node: e, ...t }) => /* @__PURE__ */ u(o, { ...t }),
|
|
72
|
+
pre: ({ node: t, children: n }) => /* @__PURE__ */ u(e, {
|
|
73
|
+
variant: "multi",
|
|
74
|
+
size: c,
|
|
75
|
+
children: g(n)
|
|
76
|
+
}),
|
|
77
|
+
ul: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Provider, {
|
|
78
|
+
value: "unordered",
|
|
79
|
+
children: /* @__PURE__ */ u(r, {
|
|
80
|
+
size: l,
|
|
81
|
+
children: t.children
|
|
82
|
+
})
|
|
83
|
+
})
|
|
84
|
+
};
|
|
85
|
+
}, v = c((e, t) => {
|
|
86
|
+
let { children: n, components: r, rehypePlugins: i, size: o = "md", ...s } = e, c = a({ key: "markdown" })({ size: o }), l = {
|
|
87
|
+
..._(o, c.blockquote),
|
|
88
|
+
...r ?? {}
|
|
89
|
+
};
|
|
90
|
+
return /* @__PURE__ */ u(f, {
|
|
91
|
+
ref: t,
|
|
92
|
+
gap: "16",
|
|
93
|
+
css: c.root,
|
|
94
|
+
...s,
|
|
95
|
+
children: /* @__PURE__ */ u(m, {
|
|
96
|
+
components: l,
|
|
97
|
+
rehypePlugins: i,
|
|
98
|
+
children: n
|
|
99
|
+
})
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
v.displayName = "BitkitMarkdown";
|
|
103
|
+
//#endregion
|
|
104
|
+
export { v as default };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const SAMPLE_MARKDOWN = "Body text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n# Heading level 1\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n## Heading level 2\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n### Heading level 3\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n#### Heading level 4\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n##### Heading level 5\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n###### Heading level 6\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n---\n\n- List item A\n- List item B\n- List item C\n\n1. List item A\n2. List item B\n3. List item C\n\n```\nconst greet = (name: string): string => {\n return `Hello, ${name}!`;\n};\n```\n\nHere is some `inline code` in a sentence.\n\n> Block quote\n\nHere is a [link example](https://bitrise.io) for demonstration purposes.\n";
|
|
2
|
+
export default SAMPLE_MARKDOWN;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BoxProps } from '@chakra-ui/react/box';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
type Status = 'critical' | 'info' | 'success' | 'warning';
|
|
4
|
+
type UncontrolledProps = {
|
|
5
|
+
defaultOpen?: boolean;
|
|
6
|
+
onOpenChange?: never;
|
|
7
|
+
open?: never;
|
|
8
|
+
};
|
|
9
|
+
type ControlledProps = {
|
|
10
|
+
defaultOpen?: never;
|
|
11
|
+
onOpenChange: (open: boolean) => void;
|
|
12
|
+
open: boolean;
|
|
13
|
+
};
|
|
14
|
+
export type BitkitMarkdownCardProps = Omit<BoxProps, 'children'> & {
|
|
15
|
+
actions?: ReactNode;
|
|
16
|
+
children: string;
|
|
17
|
+
collapsedHeight?: string;
|
|
18
|
+
size?: 'sm' | 'md' | 'lg';
|
|
19
|
+
status?: Status;
|
|
20
|
+
} & (UncontrolledProps | ControlledProps);
|
|
21
|
+
declare const BitkitMarkdownCard: import('react').ForwardRefExoticComponent<BitkitMarkdownCardProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export default BitkitMarkdownCard;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import e from "../../icons/IconCheck.js";
|
|
2
|
+
import t from "../../icons/IconChevronDown.js";
|
|
3
|
+
import n from "../../icons/IconChevronUp.js";
|
|
4
|
+
import r from "../../icons/IconErrorCircleFilled.js";
|
|
5
|
+
import i from "../../icons/IconInfoCircle.js";
|
|
6
|
+
import a from "../../icons/IconWarning.js";
|
|
7
|
+
import o from "../BitkitButton/BitkitButton.js";
|
|
8
|
+
import s from "../BitkitMarkdown/BitkitMarkdown.js";
|
|
9
|
+
import { Box as c } from "@chakra-ui/react/box";
|
|
10
|
+
import { useSlotRecipe as l } from "@chakra-ui/react/styled-system";
|
|
11
|
+
import { forwardRef as u } from "react";
|
|
12
|
+
import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
13
|
+
import { Card as m } from "@chakra-ui/react/card";
|
|
14
|
+
import { Collapsible as h } from "@chakra-ui/react/collapsible";
|
|
15
|
+
import { HStack as g } from "@chakra-ui/react/stack";
|
|
16
|
+
//#region lib/components/BitkitMarkdownCard/BitkitMarkdownCard.tsx
|
|
17
|
+
var _ = {
|
|
18
|
+
critical: /* @__PURE__ */ f(r, { size: "24" }),
|
|
19
|
+
info: /* @__PURE__ */ f(i, { size: "24" }),
|
|
20
|
+
success: /* @__PURE__ */ f(e, { size: "24" }),
|
|
21
|
+
warning: /* @__PURE__ */ f(a, { size: "24" })
|
|
22
|
+
}, v = u((e, r) => {
|
|
23
|
+
let { actions: i, children: a, collapsedHeight: u = "200px", defaultOpen: v, onOpenChange: y, open: b, size: x = "md", status: S = "info", ...C } = e, w = l({ key: "markdownCard" })({ status: S }), T = y ? (e) => y(e.open) : void 0;
|
|
24
|
+
return /* @__PURE__ */ f(m.Root, {
|
|
25
|
+
ref: r,
|
|
26
|
+
css: w.root,
|
|
27
|
+
...C,
|
|
28
|
+
children: /* @__PURE__ */ p(g, {
|
|
29
|
+
align: "stretch",
|
|
30
|
+
gap: "0",
|
|
31
|
+
children: [/* @__PURE__ */ f(c, {
|
|
32
|
+
css: w.iconBar,
|
|
33
|
+
children: _[S]
|
|
34
|
+
}), /* @__PURE__ */ f(c, {
|
|
35
|
+
css: w.content,
|
|
36
|
+
children: /* @__PURE__ */ p(h.Root, {
|
|
37
|
+
open: b,
|
|
38
|
+
defaultOpen: v,
|
|
39
|
+
collapsedHeight: u,
|
|
40
|
+
onOpenChange: T,
|
|
41
|
+
children: [/* @__PURE__ */ f(h.Content, { children: /* @__PURE__ */ f(s, {
|
|
42
|
+
size: x,
|
|
43
|
+
children: a
|
|
44
|
+
}) }), /* @__PURE__ */ f(h.Context, { children: (e) => /* @__PURE__ */ p(d, { children: [!e.open && /* @__PURE__ */ f(c, { css: w.gradient }), /* @__PURE__ */ p(g, {
|
|
45
|
+
gap: "16",
|
|
46
|
+
css: w.footerButtons,
|
|
47
|
+
children: [i, /* @__PURE__ */ f(o, {
|
|
48
|
+
...e.getTriggerProps(),
|
|
49
|
+
size: "sm",
|
|
50
|
+
suffixIcon: e.open ? n : t,
|
|
51
|
+
variant: "secondary",
|
|
52
|
+
children: e.open ? "Show less" : "Show more"
|
|
53
|
+
})]
|
|
54
|
+
})] }) })]
|
|
55
|
+
})
|
|
56
|
+
})]
|
|
57
|
+
})
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
v.displayName = "BitkitMarkdownCard";
|
|
61
|
+
//#endregion
|
|
62
|
+
export { v as default };
|
|
@@ -32,6 +32,8 @@ export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/Bit
|
|
|
32
32
|
export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
|
|
33
33
|
export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
|
|
34
34
|
export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
|
|
35
|
+
export { default as BitkitMarkdown, type BitkitMarkdownProps } from './BitkitMarkdown/BitkitMarkdown';
|
|
36
|
+
export { default as BitkitMarkdownCard, type BitkitMarkdownCardProps } from './BitkitMarkdownCard/BitkitMarkdownCard';
|
|
35
37
|
export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
|
|
36
38
|
export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
|
|
37
39
|
export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
|
package/dist/main.js
CHANGED
|
@@ -313,27 +313,29 @@ import Hi from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
|
|
|
313
313
|
import Ui from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
|
|
314
314
|
import Wi from "./components/BitkitLink/BitkitLink.js";
|
|
315
315
|
import Gi from "./components/BitkitLinkButton/BitkitLinkButton.js";
|
|
316
|
-
import Ki from "./components/
|
|
317
|
-
import qi from "./components/
|
|
318
|
-
import Ji from "./components/
|
|
319
|
-
import Yi from "./components/
|
|
320
|
-
import Xi from "./components/
|
|
321
|
-
import Zi from "./components/
|
|
322
|
-
import Qi from "./components/
|
|
323
|
-
import $i from "./components/
|
|
324
|
-
import ea from "./components/
|
|
325
|
-
import ta from "./components/
|
|
326
|
-
import na from "./components/
|
|
327
|
-
import ra from "./components/
|
|
328
|
-
import ia from "./components/
|
|
329
|
-
import aa from "./components/
|
|
330
|
-
import oa from "./components/
|
|
331
|
-
import sa from "./components/
|
|
332
|
-
import ca from "./components/
|
|
333
|
-
import la from "./components/
|
|
334
|
-
import ua from "./components/
|
|
335
|
-
import da from "./components/
|
|
336
|
-
import fa from "./components/
|
|
337
|
-
import pa from "./
|
|
338
|
-
import ma from "./
|
|
339
|
-
|
|
316
|
+
import Ki from "./components/BitkitOrderedList/BitkitOrderedList.js";
|
|
317
|
+
import qi from "./components/BitkitUnorderedList/BitkitUnorderedList.js";
|
|
318
|
+
import Ji from "./components/BitkitMarkdown/BitkitMarkdown.js";
|
|
319
|
+
import Yi from "./components/BitkitMarkdownCard/BitkitMarkdownCard.js";
|
|
320
|
+
import Xi from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
|
|
321
|
+
import Zi from "./components/BitkitNumberInput/BitkitNumberInput.js";
|
|
322
|
+
import Qi from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
|
|
323
|
+
import $i from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
|
|
324
|
+
import ea from "./components/BitkitRadio/BitkitRadio.js";
|
|
325
|
+
import ta from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
|
|
326
|
+
import na from "./components/BitkitRibbon/BitkitRibbon.js";
|
|
327
|
+
import ra from "./components/BitkitSearchInput/BitkitSearchInput.js";
|
|
328
|
+
import ia from "./components/BitkitSectionHeading/BitkitSectionHeading.js";
|
|
329
|
+
import aa from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
|
|
330
|
+
import oa from "./components/BitkitSelect/BitkitSelect.js";
|
|
331
|
+
import sa from "./components/BitkitSelectableTag/BitkitSelectableTag.js";
|
|
332
|
+
import ca from "./components/BitkitSplitButton/BitkitSplitButton.js";
|
|
333
|
+
import la from "./components/BitkitTabs/BitkitTabs.js";
|
|
334
|
+
import ua from "./components/BitkitTag/BitkitTag.js";
|
|
335
|
+
import da from "./components/BitkitTagsInput/BitkitTagsInput.js";
|
|
336
|
+
import fa from "./components/BitkitTextInput/BitkitTextInput.js";
|
|
337
|
+
import pa from "./components/BitkitToggle/BitkitToggle.js";
|
|
338
|
+
import ma from "./components/BitkitToggleButton/BitkitToggleButton.js";
|
|
339
|
+
import ha from "./theme/index.js";
|
|
340
|
+
import ga from "./providers/BitkitProvider.js";
|
|
341
|
+
export { e as BitkitAccordion, pi as BitkitActionBar, hi as BitkitAlert, gi as BitkitAvatar, _i as BitkitBadge, vi as BitkitButton, bi as BitkitCalendar, xi as BitkitCard, Si as BitkitCheckbox, Ci as BitkitCheckboxGroup, fi as BitkitCloseButton, Ti as BitkitCodeSnippet, Di as BitkitCollapsible, mi as BitkitColorButton, ki as BitkitCombobox, Ai as BitkitControlButton, ji as BitkitDefinitionTooltip, Fi as BitkitDialog, Mi as BitkitDialogBody, Ni as BitkitDialogContent, Pi as BitkitDialogRoot, Ii as BitkitEmptyState, Li as BitkitExpandableCard, Ri as BitkitExplainerList, Oi as BitkitField, zi as BitkitFileInput, Bi as BitkitGroupHeading, Vi as BitkitIconButton, Hi as BitkitInlineLoading, Ui as BitkitInteractiveTooltip, Ei as BitkitLabel, di as BitkitLabelTooltip, Wi as BitkitLink, Gi as BitkitLinkButton, Ji as BitkitMarkdown, Yi as BitkitMarkdownCard, Xi as BitkitNativeSelect, Zi as BitkitNumberInput, Ki as BitkitOrderedList, Qi as BitkitOverflowTooltip, $i as BitkitPaginationLoadMore, ga as BitkitProvider, ea as BitkitRadio, ta as BitkitRadioGroup, na as BitkitRibbon, ra as BitkitSearchInput, ia as BitkitSectionHeading, aa as BitkitSegmentedControl, oa as BitkitSelect, yi as BitkitSelectMenu, sa as BitkitSelectableTag, ca as BitkitSplitButton, la as BitkitTabs, ua as BitkitTag, da as BitkitTagsInput, fa as BitkitTextInput, pa as BitkitToggle, ma as BitkitToggleButton, wi as BitkitTooltip, qi as BitkitUnorderedList, n as IconAbortCircle, r as IconAbortCircleFilled, i as IconAddons, a as IconAgent, o as IconAnchor, s as IconAndroid, c as IconApp, u as IconAppSettings, d as IconAppStore, f as IconAppStoreColor, l as IconApple, p as IconArchive, m as IconArchiveDelete, h as IconArchiveRestore, g as IconArrowBackAndDown, _ as IconArrowBackAndUp, v as IconArrowDown, y as IconArrowForwardAndDown, b as IconArrowForwardAndUp, x as IconArrowLeft, S as IconArrowNortheast, C as IconArrowNorthwest, w as IconArrowRight, D as IconArrowUp, T as IconArrowsHorizontal, E as IconArrowsVertical, O as IconAutomation, k as IconAws, A as IconAwsColor, j as IconBadge3RdParty, M as IconBadgeBitrise, N as IconBadgeUpgrade, P as IconBadgeVersionOk, F as IconBazel, I as IconBell, L as IconBitbot, R as IconBitbotError, z as IconBitbucket, B as IconBitbucketColor, V as IconBitbucketNeutral, H as IconBitbucketWhite, U as IconBlockCircle, W as IconBook, G as IconBoxArrowDown, K as IconBoxDot, q as IconBoxLinesOverflow, J as IconBoxLinesWrap, Y as IconBranch, X as IconBrowserstackColor, Z as IconBug, Q as IconBuild, $ as IconBuildCache, ee as IconBuildCacheFilled, te as IconBuildEnvSetup, ne as IconCalendar, re as IconChangePlan, ie as IconChat, ae as IconCheck, oe as IconCheckCircle, se as IconCheckCircleFilled, ce as IconChevronDown, le as IconChevronLeft, ue as IconChevronRight, de as IconChevronUp, fe as IconCi, pe as IconCiFilled, me as IconCircle, he as IconCircleDashed, ge as IconCircleHalfFilled, _e as IconClaude, ve as IconClaudeColor, ye as IconClock, be as IconCode, xe as IconCodePush, Se as IconCodeSigning, Ce as IconCoffee, we as IconCommit, Te as IconConfigure, Ee as IconConnectedAccounts, De as IconContainer, Oe as IconCopy, ke as IconCordova, Ae as IconCpu, je as IconCreditcard, Me as IconCredits, Ne as IconCross, Pe as IconCrossCircle, Fe as IconCrossCircleFilled, Ie as IconCrown, Le as IconCycle, Re as IconDashboard, ze as IconDashboardFilled, Be as IconDeployment, Ve as IconDetails, He as IconDoc, Ue as IconDollar, We as IconDot, Ge as IconDotnet, Ke as IconDotnetColor, qe as IconDotnetText, Je as IconDotnetTextColor, Ye as IconDoubleCircle, Xe as IconDownload, Ze as IconEc2Ami, Qe as IconEnterprise, $e as IconErrorCircle, et as IconErrorCircleFilled, tt as IconExpand, nt as IconExtraBuildCapacity, rt as IconEye, it as IconEyeSlash, at as IconFastlane, ot as IconFileDoc, st as IconFilePdf, ct as IconFilePlist, lt as IconFileZip, ut as IconFilter, dt as IconFlag, ft as IconFlutter, pt as IconFolder, mt as IconFullscreen, ht as IconFullscreenExit, gt as IconGauge, _t as IconGit, vt as IconGithub, yt as IconGitlab, bt as IconGitlabColor, xt as IconGitlabWhite, St as IconGlobe, Ct as IconGo, wt as IconGoogleColor, Tt as IconGooglePlay, Et as IconGooglePlayColor, Dt as IconGradle, Ot as IconGroup, kt as IconHashtag, At as IconHeadset, jt as IconHeart, Mt as IconHistory, Nt as IconHourglass, Pt as IconImage, Ft as IconInfoCircle, It as IconInfoCircleFilled, Lt as IconInsights, Rt as IconInsightsFilled, zt as IconInstall, Bt as IconInteraction, Vt as IconInvoice, Ht as IconIonic, Ut as IconJapanese, Wt as IconJava, Gt as IconJavaColor, Kt as IconJavaDuke, qt as IconJavaDukeColor, Jt as IconKey, Yt as IconKotlin, Xt as IconKotlinColor, Zt as IconKotlinWhite, Qt as IconLaptop, $t as IconLaunchdarkly, en as IconLegacyApp, tn as IconLightbulb, nn as IconLink, rn as IconLinux, an as IconLock, on as IconLockOpen, sn as IconLogin, cn as IconLogout, ln as IconMacos, un as IconMagicWand, dn as IconMagnifier, fn as IconMail, pn as IconMedal, mn as IconMemory, hn as IconMenuGrid, gn as IconMenuHamburger, _n as IconMessage, vn as IconMessageAlert, yn as IconMessageQuestion, bn as IconMicrophone, xn as IconMinus, Sn as IconMinusCircle, Cn as IconMinusCircleFilled, wn as IconMobile, Tn as IconMobileLandscape, En as IconMonitorChart, Dn as IconMoreHorizontal, On as IconMoreVertical, kn as IconNews, An as IconNextjs, jn as IconNodejs, Mn as IconOpenInNew, Nn as IconOther, Pn as IconOutsideContributor, Fn as IconOverview, In as IconPause, Ln as IconPencil, Rn as IconPeople, zn as IconPercent, Bn as IconPerson, Vn as IconPersonWithDesk, Hn as IconPlay, Un as IconPlus, Wn as IconPlusCircle, Gn as IconPlusCircleFilled, Kn as IconPower, qn as IconProject, Jn as IconProjectSettings, Yn as IconPull, Xn as IconPush, Zn as IconPuzzle, Qn as IconPython, $n as IconPythonColor, er as IconQuestionCircle, tr as IconQuestionCircleFilled, nr as IconReact, rr as IconRefresh, ir as IconRegex, ar as IconRelease, or as IconReleaseFilled, sr as IconRemoteAccess, cr as IconReplace, lr as IconResponsiveness, ur as IconReviewerApproved, dr as IconReviewerAssigned, fr as IconReviewerRejected, pr as IconRuby, mr as IconRubyColor, hr as IconSave, gr as IconSecurityShield, _r as IconSettings, vr as IconSettingsFilled, yr as IconShuffle, br as IconSiren, xr as IconSkipCircle, Sr as IconSkipCircleFilled, Cr as IconSlack, wr as IconSlackColor, Tr as IconSparkle, Er as IconSparkleFilled, Dr as IconSpinnerOnDisabled, Or as IconSpinnerPurple, kr as IconSpinnerPurpleDouble, Ar as IconSpinnerWhite, jr as IconStability, Mr as IconStack, Nr as IconStar, Pr as IconStep, Fr as IconStop, Ir as IconStopwatch, Lr as IconTag, Rr as IconTasks, zr as IconTeams, Br as IconTeamsColor, Vr as IconTemplateCode, Hr as IconTerminal, Ur as IconTestQuarantine, Wr as IconThemeDarkToggle, Gr as IconThumbDown, Kr as IconThumbUp, qr as IconTools, Jr as IconTrash, Yr as IconTrigger, Xr as IconUbuntu, Zr as IconUbuntuColor, Qr as IconUnity3D, $r as IconUpload, ei as IconValidateShield, ti as IconVideo, ni as IconWarning, ri as IconWarningYellow, ai as IconWebUi, ii as IconWebhooks, oi as IconWorkflow, si as IconWorkflowFlow, ui as IconXTwitter, ci as IconXamarin, li as IconXcode, t as bitkitIcon, ha as bitriseTheme };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
declare const markdownSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {
|
|
2
|
+
size: {
|
|
3
|
+
sm: {
|
|
4
|
+
root: {
|
|
5
|
+
textStyle: "body/sm/regular";
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
md: {
|
|
9
|
+
root: {
|
|
10
|
+
textStyle: "body/md/regular";
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
lg: {
|
|
14
|
+
root: {
|
|
15
|
+
textStyle: "body/lg/regular";
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
}>;
|
|
20
|
+
export default markdownSlotRecipe;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
|
|
2
|
+
//#region lib/theme/slot-recipes/Markdown.recipe.ts
|
|
3
|
+
var t = e({
|
|
4
|
+
className: "markdown",
|
|
5
|
+
slots: ["root", "blockquote"],
|
|
6
|
+
base: {
|
|
7
|
+
root: { color: "text/body" },
|
|
8
|
+
blockquote: {
|
|
9
|
+
borderInlineStart: "2px solid",
|
|
10
|
+
borderColor: "border/regular",
|
|
11
|
+
paddingInlineStart: "16",
|
|
12
|
+
paddingBlock: "8",
|
|
13
|
+
color: "text/secondary"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
variants: { size: {
|
|
17
|
+
sm: { root: { textStyle: "body/sm/regular" } },
|
|
18
|
+
md: { root: { textStyle: "body/md/regular" } },
|
|
19
|
+
lg: { root: { textStyle: "body/lg/regular" } }
|
|
20
|
+
} },
|
|
21
|
+
defaultVariants: { size: "md" }
|
|
22
|
+
});
|
|
23
|
+
//#endregion
|
|
24
|
+
export { t as default };
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
declare const markdownCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "iconBar" | "gradient" | "footerButtons", {
|
|
2
|
+
status: {
|
|
3
|
+
info: {
|
|
4
|
+
iconBar: {
|
|
5
|
+
backgroundColor: "background/secondary";
|
|
6
|
+
borderColor: "border/regular";
|
|
7
|
+
color: "icon/secondary";
|
|
8
|
+
};
|
|
9
|
+
root: {
|
|
10
|
+
borderColor: "border/regular";
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
success: {
|
|
14
|
+
iconBar: {
|
|
15
|
+
backgroundColor: "status/success/bg";
|
|
16
|
+
borderColor: "status/success/border";
|
|
17
|
+
color: "status/success/icon";
|
|
18
|
+
};
|
|
19
|
+
root: {
|
|
20
|
+
borderColor: "status/success/border";
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
warning: {
|
|
24
|
+
iconBar: {
|
|
25
|
+
backgroundColor: "status/warning/bg";
|
|
26
|
+
borderColor: "status/warning/border";
|
|
27
|
+
color: "status/warning/icon";
|
|
28
|
+
};
|
|
29
|
+
root: {
|
|
30
|
+
borderColor: "status/warning/border";
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
critical: {
|
|
34
|
+
iconBar: {
|
|
35
|
+
backgroundColor: "status/critical/bg";
|
|
36
|
+
borderColor: "status/critical/border";
|
|
37
|
+
color: "status/critical/icon";
|
|
38
|
+
};
|
|
39
|
+
root: {
|
|
40
|
+
borderColor: "status/critical/border";
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
}>;
|
|
45
|
+
export default markdownCardSlotRecipe;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
|
|
2
|
+
import { cardAnatomy as t } from "@chakra-ui/react/anatomy";
|
|
3
|
+
//#region lib/theme/slot-recipes/MarkdownCard.recipe.ts
|
|
4
|
+
var n = e({
|
|
5
|
+
className: "markdown-card",
|
|
6
|
+
slots: [
|
|
7
|
+
...t.keys(),
|
|
8
|
+
"iconBar",
|
|
9
|
+
"content",
|
|
10
|
+
"gradient",
|
|
11
|
+
"footerButtons"
|
|
12
|
+
],
|
|
13
|
+
base: {
|
|
14
|
+
root: {
|
|
15
|
+
backgroundColor: "background/primary",
|
|
16
|
+
overflow: "hidden"
|
|
17
|
+
},
|
|
18
|
+
iconBar: {
|
|
19
|
+
display: "flex",
|
|
20
|
+
alignItems: "flex-start",
|
|
21
|
+
justifyContent: "center",
|
|
22
|
+
paddingInline: "8",
|
|
23
|
+
paddingBlock: "12",
|
|
24
|
+
flexShrink: 0,
|
|
25
|
+
borderInlineEnd: "1px solid"
|
|
26
|
+
},
|
|
27
|
+
content: {
|
|
28
|
+
flex: 1,
|
|
29
|
+
paddingInlineStart: "16",
|
|
30
|
+
paddingInlineEnd: "24",
|
|
31
|
+
paddingBlockStart: "24",
|
|
32
|
+
minWidth: 0,
|
|
33
|
+
position: "relative"
|
|
34
|
+
},
|
|
35
|
+
gradient: {
|
|
36
|
+
background: "linear-gradient(to top, {colors.background.primary} 12.5%, transparent)",
|
|
37
|
+
bottom: 0,
|
|
38
|
+
height: "128",
|
|
39
|
+
insetInline: 0,
|
|
40
|
+
pointerEvents: "none",
|
|
41
|
+
position: "absolute"
|
|
42
|
+
},
|
|
43
|
+
footerButtons: {
|
|
44
|
+
justifyContent: "flex-end",
|
|
45
|
+
paddingBlockEnd: "16",
|
|
46
|
+
paddingInlineEnd: "8"
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
variants: { status: {
|
|
50
|
+
info: {
|
|
51
|
+
iconBar: {
|
|
52
|
+
backgroundColor: "background/secondary",
|
|
53
|
+
borderColor: "border/regular",
|
|
54
|
+
color: "icon/secondary"
|
|
55
|
+
},
|
|
56
|
+
root: { borderColor: "border/regular" }
|
|
57
|
+
},
|
|
58
|
+
success: {
|
|
59
|
+
iconBar: {
|
|
60
|
+
backgroundColor: "status/success/bg",
|
|
61
|
+
borderColor: "status/success/border",
|
|
62
|
+
color: "status/success/icon"
|
|
63
|
+
},
|
|
64
|
+
root: { borderColor: "status/success/border" }
|
|
65
|
+
},
|
|
66
|
+
warning: {
|
|
67
|
+
iconBar: {
|
|
68
|
+
backgroundColor: "status/warning/bg",
|
|
69
|
+
borderColor: "status/warning/border",
|
|
70
|
+
color: "status/warning/icon"
|
|
71
|
+
},
|
|
72
|
+
root: { borderColor: "status/warning/border" }
|
|
73
|
+
},
|
|
74
|
+
critical: {
|
|
75
|
+
iconBar: {
|
|
76
|
+
backgroundColor: "status/critical/bg",
|
|
77
|
+
borderColor: "status/critical/border",
|
|
78
|
+
color: "status/critical/icon"
|
|
79
|
+
},
|
|
80
|
+
root: { borderColor: "status/critical/border" }
|
|
81
|
+
}
|
|
82
|
+
} },
|
|
83
|
+
defaultVariants: { status: "info" }
|
|
84
|
+
});
|
|
85
|
+
//#endregion
|
|
86
|
+
export { n as default };
|
|
@@ -679,6 +679,69 @@ declare const slotRecipes: {
|
|
|
679
679
|
};
|
|
680
680
|
};
|
|
681
681
|
}>;
|
|
682
|
+
markdown: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {
|
|
683
|
+
size: {
|
|
684
|
+
sm: {
|
|
685
|
+
root: {
|
|
686
|
+
textStyle: "body/sm/regular";
|
|
687
|
+
};
|
|
688
|
+
};
|
|
689
|
+
md: {
|
|
690
|
+
root: {
|
|
691
|
+
textStyle: "body/md/regular";
|
|
692
|
+
};
|
|
693
|
+
};
|
|
694
|
+
lg: {
|
|
695
|
+
root: {
|
|
696
|
+
textStyle: "body/lg/regular";
|
|
697
|
+
};
|
|
698
|
+
};
|
|
699
|
+
};
|
|
700
|
+
}>;
|
|
701
|
+
markdownCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "iconBar" | "gradient" | "footerButtons", {
|
|
702
|
+
status: {
|
|
703
|
+
info: {
|
|
704
|
+
iconBar: {
|
|
705
|
+
backgroundColor: "background/secondary";
|
|
706
|
+
borderColor: "border/regular";
|
|
707
|
+
color: "icon/secondary";
|
|
708
|
+
};
|
|
709
|
+
root: {
|
|
710
|
+
borderColor: "border/regular";
|
|
711
|
+
};
|
|
712
|
+
};
|
|
713
|
+
success: {
|
|
714
|
+
iconBar: {
|
|
715
|
+
backgroundColor: "status/success/bg";
|
|
716
|
+
borderColor: "status/success/border";
|
|
717
|
+
color: "status/success/icon";
|
|
718
|
+
};
|
|
719
|
+
root: {
|
|
720
|
+
borderColor: "status/success/border";
|
|
721
|
+
};
|
|
722
|
+
};
|
|
723
|
+
warning: {
|
|
724
|
+
iconBar: {
|
|
725
|
+
backgroundColor: "status/warning/bg";
|
|
726
|
+
borderColor: "status/warning/border";
|
|
727
|
+
color: "status/warning/icon";
|
|
728
|
+
};
|
|
729
|
+
root: {
|
|
730
|
+
borderColor: "status/warning/border";
|
|
731
|
+
};
|
|
732
|
+
};
|
|
733
|
+
critical: {
|
|
734
|
+
iconBar: {
|
|
735
|
+
backgroundColor: "status/critical/bg";
|
|
736
|
+
borderColor: "status/critical/border";
|
|
737
|
+
color: "status/critical/icon";
|
|
738
|
+
};
|
|
739
|
+
root: {
|
|
740
|
+
borderColor: "status/critical/border";
|
|
741
|
+
};
|
|
742
|
+
};
|
|
743
|
+
};
|
|
744
|
+
}>;
|
|
682
745
|
menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
|
|
683
746
|
size: {
|
|
684
747
|
lg: {
|
|
@@ -22,22 +22,24 @@ import b from "./GroupHeading.recipe.js";
|
|
|
22
22
|
import x from "./ImageCropper.recipe.js";
|
|
23
23
|
import S from "./InlineLoading.recipe.js";
|
|
24
24
|
import C from "./List.recipe.js";
|
|
25
|
-
import w from "./
|
|
26
|
-
import T from "./
|
|
27
|
-
import E from "./
|
|
28
|
-
import D from "./
|
|
29
|
-
import O from "./
|
|
30
|
-
import k from "./
|
|
31
|
-
import A from "./
|
|
32
|
-
import j from "./
|
|
33
|
-
import M from "./
|
|
34
|
-
import N from "./
|
|
35
|
-
import P from "./
|
|
36
|
-
import F from "./
|
|
37
|
-
import I from "./
|
|
38
|
-
import L from "./
|
|
25
|
+
import w from "./Markdown.recipe.js";
|
|
26
|
+
import T from "./MarkdownCard.recipe.js";
|
|
27
|
+
import E from "./Menu.recipe.js";
|
|
28
|
+
import D from "./NativeSelect.recipe.js";
|
|
29
|
+
import O from "./PaginationLoadMore.recipe.js";
|
|
30
|
+
import k from "./RadioGroup.recipe.js";
|
|
31
|
+
import A from "./Ribbon.recipe.js";
|
|
32
|
+
import j from "./SectionHeading.recipe.js";
|
|
33
|
+
import M from "./SegmentGroup.recipe.js";
|
|
34
|
+
import N from "./SplitButton.recipe.js";
|
|
35
|
+
import P from "./Switch.recipe.js";
|
|
36
|
+
import F from "./Table.recipe.js";
|
|
37
|
+
import I from "./Tabs.recipe.js";
|
|
38
|
+
import L from "./Tag.recipe.js";
|
|
39
|
+
import R from "./TagsInput.recipe.js";
|
|
40
|
+
import z from "./Tooltip.recipe.js";
|
|
39
41
|
//#region lib/theme/slot-recipes/index.ts
|
|
40
|
-
var
|
|
42
|
+
var B = {
|
|
41
43
|
accordion: t,
|
|
42
44
|
actionBar: n,
|
|
43
45
|
alert: r,
|
|
@@ -60,22 +62,24 @@ var R = {
|
|
|
60
62
|
imageCropper: x,
|
|
61
63
|
inlineLoading: S,
|
|
62
64
|
list: C,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
+
markdown: w,
|
|
66
|
+
markdownCard: T,
|
|
67
|
+
menu: E,
|
|
68
|
+
nativeSelect: D,
|
|
65
69
|
numberInput: e,
|
|
66
|
-
paginationLoadMore:
|
|
67
|
-
radioGroup:
|
|
68
|
-
ribbon:
|
|
69
|
-
sectionHeading:
|
|
70
|
-
segmentGroup:
|
|
70
|
+
paginationLoadMore: O,
|
|
71
|
+
radioGroup: k,
|
|
72
|
+
ribbon: A,
|
|
73
|
+
sectionHeading: j,
|
|
74
|
+
segmentGroup: M,
|
|
71
75
|
select: f,
|
|
72
|
-
splitButton:
|
|
73
|
-
switch:
|
|
74
|
-
table:
|
|
75
|
-
tabs:
|
|
76
|
-
tag:
|
|
77
|
-
tagsInput:
|
|
78
|
-
tooltip:
|
|
76
|
+
splitButton: N,
|
|
77
|
+
switch: P,
|
|
78
|
+
table: F,
|
|
79
|
+
tabs: I,
|
|
80
|
+
tag: L,
|
|
81
|
+
tagsInput: R,
|
|
82
|
+
tooltip: z
|
|
79
83
|
};
|
|
80
84
|
//#endregion
|
|
81
|
-
export {
|
|
85
|
+
export { B as default };
|
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.178",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI V3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -85,7 +85,8 @@
|
|
|
85
85
|
"@emotion/react": "^11.14.0",
|
|
86
86
|
"@emotion/styled": "^11.14.1",
|
|
87
87
|
"@fontsource-variable/figtree": "^5.2.10",
|
|
88
|
-
"@fontsource-variable/source-code-pro": "^5.2.7"
|
|
88
|
+
"@fontsource-variable/source-code-pro": "^5.2.7",
|
|
89
|
+
"react-markdown": "^10.0.0"
|
|
89
90
|
},
|
|
90
91
|
"publishConfig": {
|
|
91
92
|
"access": "public"
|