@camunda/design-system 0.25.0 → 0.26.0
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.
|
@@ -13,6 +13,7 @@ declare const PageLayout: React.ForwardRefExoticComponent<Omit<PageLayoutProps,
|
|
|
13
13
|
type PageHeaderProps = React.ComponentProps<"header"> & {
|
|
14
14
|
title: string;
|
|
15
15
|
description?: string;
|
|
16
|
+
icon?: React.ReactNode;
|
|
16
17
|
tag?: React.ReactNode;
|
|
17
18
|
actions?: React.ReactNode;
|
|
18
19
|
breadcrumb?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/page-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAUlE,QAAA,MAAM,kBAAkB;;8EAavB,CAAC;AAEF,QAAA,MAAM,wBAAwB;;8EAU5B,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACjD,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACvC,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAsDJ,QAAA,MAAM,UAAU,kGAAwD,CAAC;AAOzE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;
|
|
1
|
+
{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/page-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAUlE,QAAA,MAAM,kBAAkB;;8EAavB,CAAC;AAEF,QAAA,MAAM,wBAAwB;;8EAU5B,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACjD,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACvC,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAsDJ,QAAA,MAAM,UAAU,kGAAwD,CAAC;AAOzE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAmDF,QAAA,MAAM,UAAU,kGAAwD,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -45,8 +45,8 @@ function PageLayoutImpl({ id = "main-content", padding, width, separator = false
|
|
|
45
45
|
}
|
|
46
46
|
const PageLayout = withRef(PageLayoutImpl);
|
|
47
47
|
PageLayout.displayName = "PageLayout";
|
|
48
|
-
function PageHeaderImpl({ title, description, tag, actions, breadcrumb, tabs, className, ref, ...props }) {
|
|
49
|
-
return (_jsxs("header", { "data-slot": "page-header", className: cn("flex flex-col gap-0", className), ref: ref, ...props, children: [breadcrumb && _jsx("div", { className: "mb-2", children: breadcrumb }), _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("h1", { className: "text-[28px] leading-9 font-normal text-foreground", children: title }), tag && _jsx("div", { className: "flex items-center", children: tag })] }), description && (_jsx("p", { className: "text-sm leading-5 text-muted-foreground", children: description }))] }), actions && (_jsx("div", { className: "flex items-center gap-2 shrink-0 pt-0.5", children: actions }))] }), tabs && _jsx("div", { className: "mt-4", children: tabs })] }));
|
|
48
|
+
function PageHeaderImpl({ title, description, icon, tag, actions, breadcrumb, tabs, className, ref, ...props }) {
|
|
49
|
+
return (_jsxs("header", { "data-slot": "page-header", className: cn("flex flex-col gap-0", className), ref: ref, ...props, children: [breadcrumb && _jsx("div", { className: "mb-2", children: breadcrumb }), _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [icon && _jsx("div", { className: "shrink-0 flex items-center", children: icon }), _jsx("h1", { className: "text-[28px] leading-9 font-normal text-foreground", children: title }), tag && _jsx("div", { className: "flex items-center", children: tag })] }), description && (_jsx("p", { className: "text-sm leading-5 text-muted-foreground", children: description }))] }), actions && (_jsx("div", { className: "flex items-center gap-2 shrink-0 pt-0.5", children: actions }))] }), tabs && _jsx("div", { className: "mt-4", children: tabs })] }));
|
|
50
50
|
}
|
|
51
51
|
const PageHeader = withRef(PageHeaderImpl);
|
|
52
52
|
PageHeader.displayName = "PageHeader";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-layout.js","sourceRoot":"","sources":["../../../../src/components/ui/page-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,8EAA8E;AAC9E,aAAa;AACb,8EAA8E;AAE9E,MAAM,kBAAkB,GAAG,GAAG,CAC5B,4DAA4D,EAC5D;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,EAAE;SACT;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,CAAC,qCAAqC,EAAE;IAC1E,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;YACrC,IAAI,EAAE,EAAE;SACT;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,aAAa;KACrB;CACF,CAAC,CAAC;AAQH,SAAS,cAAc,CAAC,EACtB,EAAE,GAAG,cAAc,EACnB,OAAO,EACP,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACQ;IAChB,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpD,IAAI,OAAO,GAAoB,QAAQ,CAAC;IAExC,IAAI,SAAS,EAAE,CAAC;QACd,yDAAyD;QACzD,MAAM,oBAAoB,GAAG,UAAU,CAAC,SAAS,CAC/C,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAC1B,KAAK,CAAC,IAAqC,CAAC,WAAW;gBACtD,YAAY,CACjB,CAAC;QAEF,IAAI,oBAAoB,KAAK,CAAC,CAAC,EAAE,CAAC;YAChC,OAAO,GAAG,CACR,8BACG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,oBAAoB,GAAG,CAAC,CAAC,EAC9C,KAAC,SAAS,KAAG,EACZ,UAAU,CAAC,KAAK,CAAC,oBAAoB,GAAG,CAAC,CAAC,IAC1C,CACJ,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,CACL,4BACY,aAAa,EACvB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,YAEjD,OAAO,GACJ,GACD,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,OAAO,CAA+B,cAAc,CAAC,CAAC;AACzE,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"page-layout.js","sourceRoot":"","sources":["../../../../src/components/ui/page-layout.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@camunda/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.26.0",
|
|
4
4
|
"description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|