@docubook/mdx-content 3.0.1 → 3.0.3
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/README.md
CHANGED
|
@@ -66,14 +66,14 @@ import {
|
|
|
66
66
|
TableRowMdx,
|
|
67
67
|
TooltipMdx,
|
|
68
68
|
YoutubeMdx,
|
|
69
|
-
//
|
|
70
|
-
TabsContentMdx,
|
|
71
|
-
TabsListMdx,
|
|
72
|
-
TabsTriggerMdx,
|
|
73
|
-
AccordionGroupMdx,
|
|
74
|
-
CardGroupMdx,
|
|
75
|
-
StepperItemMdx,
|
|
76
|
-
StepperMdx,
|
|
69
|
+
// remove API components on v3
|
|
70
|
+
// TabsContentMdx,
|
|
71
|
+
// TabsListMdx,
|
|
72
|
+
// TabsTriggerMdx,
|
|
73
|
+
// AccordionGroupMdx,
|
|
74
|
+
// CardGroupMdx,
|
|
75
|
+
// StepperItemMdx,
|
|
76
|
+
// StepperMdx,
|
|
77
77
|
} from "@docubook/mdx-content";
|
|
78
78
|
import { ImageMdx, LinkMdx, ButtonMdx, CardMdx } from "@docubook/mdx-content/next";
|
|
79
79
|
import { customMdxComponents } from "@/lib/mdx";
|
|
@@ -109,14 +109,14 @@ const builtInOverrides: MdxComponentMap = {
|
|
|
109
109
|
a: LinkMdx,
|
|
110
110
|
Link: LinkMdx,
|
|
111
111
|
|
|
112
|
-
//
|
|
113
|
-
Stepper: StepperMdx,
|
|
114
|
-
StepperItem: StepperItemMdx,
|
|
115
|
-
AccordionGroup: AccordionGroupMdx,
|
|
116
|
-
CardGroup: CardGroupMdx,
|
|
117
|
-
TabsContent: TabsContentMdx,
|
|
118
|
-
TabsList: TabsListMdx,
|
|
119
|
-
TabsTrigger: TabsTriggerMdx,
|
|
112
|
+
// remove API components on v3
|
|
113
|
+
// Stepper: StepperMdx,
|
|
114
|
+
// StepperItem: StepperItemMdx,
|
|
115
|
+
// AccordionGroup: AccordionGroupMdx,
|
|
116
|
+
// CardGroup: CardGroupMdx,
|
|
117
|
+
// TabsContent: TabsContentMdx,
|
|
118
|
+
// TabsList: TabsListMdx,
|
|
119
|
+
// TabsTrigger: TabsTriggerMdx,
|
|
120
120
|
};
|
|
121
121
|
|
|
122
122
|
export const mdxComponents = createMdxComponents({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardMdx.d.ts","sourceRoot":"","sources":["../../src/components/CardMdx.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CardMdx.d.ts","sourceRoot":"","sources":["../../src/components/CardMdx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAqB,MAAM,WAAW,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,KAAK,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yFAAyF;IACzF,eAAe,CAAC,EAAE,YAAY,CAAC;CAChC,CAAC;AAmBF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,GAAG,KAAK,EACT,EAAE,YAAY,2CAmFd"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from "react";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
3
|
import { LinkMdx } from "./LinkMdx";
|
|
5
4
|
import { resolveLucideIcon } from "./IconMdx";
|
|
6
5
|
const baseStyle = {
|
|
@@ -16,8 +15,8 @@ const baseStyle = {
|
|
|
16
15
|
transition: "border-color 0.2s ease, box-shadow 0.24s ease, transform 0.24s ease, color 0.2s ease",
|
|
17
16
|
overflow: "hidden",
|
|
18
17
|
};
|
|
18
|
+
const hoverCSS = `[data-card-hover]:hover{border-color:hsl(var(--primary,210 81% 56%))!important;box-shadow:0 11px 28px rgba(34,129,227,0.15)!important;transform:translateY(-2px)!important}[data-card-hover]:hover [data-card-icon]{transform:scale(1.05)}`;
|
|
19
19
|
export function CardMdx({ title, icon, href, horizontal, children, style, className, __LinkComponent, ...props }) {
|
|
20
|
-
const [hover, setHover] = useState(false);
|
|
21
20
|
const resolvedIcon = resolveLucideIcon(icon);
|
|
22
21
|
const LinkComponent = __LinkComponent ?? LinkMdx;
|
|
23
22
|
const content = (_jsxs("div", { style: {
|
|
@@ -25,7 +24,7 @@ export function CardMdx({ title, icon, href, horizontal, children, style, classN
|
|
|
25
24
|
gridTemplateColumns: horizontal ? "auto 1fr" : "1fr",
|
|
26
25
|
gap: horizontal ? "0.75rem" : "0.4rem",
|
|
27
26
|
alignItems: horizontal ? "flex-start" : "flex-start",
|
|
28
|
-
}, children: [resolvedIcon ? (_jsx("span", { "aria-hidden": "true", style: {
|
|
27
|
+
}, children: [resolvedIcon ? (_jsx("span", { "aria-hidden": "true", "data-card-icon": "", style: {
|
|
29
28
|
display: "block",
|
|
30
29
|
alignItems: "center",
|
|
31
30
|
justifyContent: "center",
|
|
@@ -34,7 +33,6 @@ export function CardMdx({ title, icon, href, horizontal, children, style, classN
|
|
|
34
33
|
color: "hsl(var(--primary, 210 81% 56%))",
|
|
35
34
|
fontSize: "2rem",
|
|
36
35
|
transition: "transform 0.2s ease, color 0.2s ease",
|
|
37
|
-
transform: hover ? "scale(1.05)" : "scale(1)",
|
|
38
36
|
}, children: resolvedIcon })) : null, _jsxs("div", { style: { display: "grid", gridAutoRows: "min-content", gap: 0 }, children: [_jsx("div", { style: {
|
|
39
37
|
fontWeight: 700,
|
|
40
38
|
fontSize: "1.22rem",
|
|
@@ -46,28 +44,10 @@ export function CardMdx({ title, icon, href, horizontal, children, style, classN
|
|
|
46
44
|
lineHeight: 1.42,
|
|
47
45
|
marginTop: "-0.5rem",
|
|
48
46
|
}, children: children })) : null] })] }));
|
|
49
|
-
const
|
|
50
|
-
? {
|
|
51
|
-
cursor: "pointer",
|
|
52
|
-
borderColor: hover ? "hsl(var(--primary, 210 81% 56%))" : "hsl(var(--border, 210 20% 85%))",
|
|
53
|
-
boxShadow: hover ? "0 11px 28px rgba(34, 129, 227, 0.15)" : "0 0 0 rgba(0, 0, 0, 0)",
|
|
54
|
-
transform: hover ? "translateY(-2px)" : "translateY(0)",
|
|
55
|
-
}
|
|
56
|
-
: {
|
|
57
|
-
borderColor: "hsl(var(--border, 210 20% 85%))",
|
|
58
|
-
boxShadow: "0 0 0 rgba(0, 0, 0, 0)",
|
|
59
|
-
};
|
|
60
|
-
const combinedStyle = { ...baseStyle, ...interactiveStyle, ...style };
|
|
61
|
-
const divProps = {
|
|
62
|
-
onMouseEnter: () => setHover(true),
|
|
63
|
-
onMouseLeave: () => setHover(false),
|
|
64
|
-
style: combinedStyle,
|
|
65
|
-
...(className ? { className } : {}),
|
|
66
|
-
...props,
|
|
67
|
-
};
|
|
47
|
+
const combinedStyle = { ...baseStyle, ...style };
|
|
68
48
|
if (href) {
|
|
69
|
-
return (_jsx(LinkComponent, { href: href, "data-card-
|
|
49
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { dangerouslySetInnerHTML: { __html: hoverCSS } }), _jsx(LinkComponent, { href: href, "data-card-hover": "", "data-card-link": "", style: combinedStyle, ...(className ? { className } : {}), ...props, children: content })] }));
|
|
70
50
|
}
|
|
71
|
-
return _jsx("div", { ...
|
|
51
|
+
return (_jsx("div", { style: combinedStyle, ...(className ? { className } : {}), ...props, children: content }));
|
|
72
52
|
}
|
|
73
53
|
//# sourceMappingURL=CardMdx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardMdx.js","sourceRoot":"","sources":["../../src/components/CardMdx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"CardMdx.js","sourceRoot":"","sources":["../../src/components/CardMdx.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@docubook/mdx-content",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
4
4
|
"description": "Portable MDX components and framework adapters for DocuBook",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
"author-url": "https://wildan.dev",
|
|
56
56
|
"license": "MIT",
|
|
57
57
|
"peerDependencies": {
|
|
58
|
+
"@docubook/core": ">=1.6.0",
|
|
58
59
|
"react": ">=18",
|
|
59
60
|
"react-dom": ">=18",
|
|
60
61
|
"react-icons": "^5.0.0",
|