@camunda/design-system 0.24.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.
- package/dist/carbon-compat/tabs.d.ts.map +1 -1
- package/dist/carbon-compat/tabs.js +8 -8
- package/dist/carbon-compat/tabs.js.map +1 -1
- package/dist/src/components/ui/page-content-layout.d.ts +5 -1
- package/dist/src/components/ui/page-content-layout.d.ts.map +1 -1
- package/dist/src/components/ui/page-content-layout.js +21 -2
- package/dist/src/components/ui/page-content-layout.js.map +1 -1
- package/dist/src/components/ui/page-layout.d.ts +1 -0
- package/dist/src/components/ui/page-layout.d.ts.map +1 -1
- package/dist/src/components/ui/page-layout.js +2 -2
- package/dist/src/components/ui/page-layout.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../carbon-compat/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,aAAa,IAAI,mBAAmB,EACpC,cAAc,IAAI,oBAAoB,EACtC,QAAQ,IAAI,cAAc,EAC1B,SAAS,IAAI,eAAe,EAC7B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC;AACtC,MAAM,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAkBlD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../carbon-compat/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,aAAa,IAAI,mBAAmB,EACpC,cAAc,IAAI,oBAAoB,EACtC,QAAQ,IAAI,cAAc,EAC1B,SAAS,IAAI,eAAe,EAC7B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC;AACtC,MAAM,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAkBlD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,qBAmC7B;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,qBA6BnC;AAED,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,qBA+B3B;AAED,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,qBAGvC;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAYrC;AAED,OAAO,EAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC"}
|
|
@@ -17,7 +17,7 @@ function withSequentialIndex(children) {
|
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
19
|
function Tabs(props) {
|
|
20
|
-
const { children, selectedIndex, defaultSelectedIndex, onChange, onTabCloseRequest, dismissable, selectionMode, } = props;
|
|
20
|
+
const { children, className, style, selectedIndex, defaultSelectedIndex, onChange, onTabCloseRequest, dismissable, selectionMode, } = props;
|
|
21
21
|
warnDroppedProps('Tabs', { onTabCloseRequest, dismissable, selectionMode });
|
|
22
22
|
const value = selectedIndex !== undefined ? indexValue(selectedIndex) : undefined;
|
|
23
23
|
const defaultValue = defaultSelectedIndex !== undefined ? indexValue(defaultSelectedIndex) : indexValue(0);
|
|
@@ -29,30 +29,30 @@ function Tabs(props) {
|
|
|
29
29
|
return;
|
|
30
30
|
onChange({ selectedIndex: Number.parseInt(match[1], 10) });
|
|
31
31
|
};
|
|
32
|
-
return (_jsx(ShadcnTabs, { value: value, defaultValue: defaultValue, onValueChange: handleValueChange, children: children }));
|
|
32
|
+
return (_jsx(ShadcnTabs, { value: value, defaultValue: defaultValue, onValueChange: handleValueChange, className: className, style: style, children: children }));
|
|
33
33
|
}
|
|
34
34
|
function TabList(props) {
|
|
35
|
-
const { children, className, 'aria-label': ariaLabel, contained, iconSize, fullWidth, activation, light, leftOverflowButtonProps, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, } = props;
|
|
35
|
+
const { children, className, style, 'aria-label': ariaLabel, contained, iconSize, fullWidth, activation, light, leftOverflowButtonProps, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, } = props;
|
|
36
36
|
warnDroppedProps('TabList', {
|
|
37
37
|
contained, iconSize, fullWidth, activation, light,
|
|
38
38
|
leftOverflowButtonProps, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView,
|
|
39
39
|
});
|
|
40
|
-
return (_jsx(TabsList, { "aria-label": ariaLabel, className: className, children: withSequentialIndex(children) }));
|
|
40
|
+
return (_jsx(TabsList, { "aria-label": ariaLabel, className: className, style: style, children: withSequentialIndex(children) }));
|
|
41
41
|
}
|
|
42
42
|
function Tab(props) {
|
|
43
|
-
const { children, className, disabled, onClick, renderIcon: RenderIcon, secondaryLabel, onKeyDown, title, } = props;
|
|
43
|
+
const { children, className, style, disabled, onClick, renderIcon: RenderIcon, secondaryLabel, onKeyDown, title, } = props;
|
|
44
44
|
const index = React.useContext(TabIndexContext);
|
|
45
45
|
warnDroppedProps('Tab', { secondaryLabel });
|
|
46
|
-
return (_jsxs(TabsTrigger, { value: indexValue(index), disabled: disabled, onClick: onClick, onKeyDown: onKeyDown, title: title, className: className, children: [RenderIcon ? _jsx(RenderIcon, {}) : null, children] }));
|
|
46
|
+
return (_jsxs(TabsTrigger, { value: indexValue(index), disabled: disabled, onClick: onClick, onKeyDown: onKeyDown, title: title, className: className, style: style, children: [RenderIcon ? _jsx(RenderIcon, {}) : null, children] }));
|
|
47
47
|
}
|
|
48
48
|
function TabPanels(props) {
|
|
49
49
|
const { children } = props;
|
|
50
50
|
return _jsx(_Fragment, { children: withSequentialIndex(children) });
|
|
51
51
|
}
|
|
52
52
|
function TabPanel(props) {
|
|
53
|
-
const { children, className } = props;
|
|
53
|
+
const { children, className, style } = props;
|
|
54
54
|
const index = React.useContext(TabIndexContext);
|
|
55
|
-
return (_jsx(TabsContent, { value: indexValue(index), className: className, children: children }));
|
|
55
|
+
return (_jsx(TabsContent, { value: indexValue(index), className: className, style: style, children: children }));
|
|
56
56
|
}
|
|
57
57
|
export { Tab, TabList, TabPanel, TabPanels, Tabs };
|
|
58
58
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../carbon-compat/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,IAAI,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAelD,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAS,CAAC,CAAC,CAAC;AAEvD,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,OAAO,KAAK,EAAE,CAAC;AACxB,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAyB;IACpD,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC5C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC/C,MAAM,IAAI,GAAG,KAAK,CAAC;QACnB,KAAK,IAAI,CAAC,CAAC;QACX,OAAO,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAAG,KAAK,GAA4B,CAAC;IACnF,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,IAAI,CAAC,KAAgB;IAC5B,MAAM,EACJ,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../carbon-compat/tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
type
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const pageContentLayoutVariants: (props?: ({
|
|
4
|
+
padding?: "default" | "none" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
type PageContentLayoutProps = React.ComponentProps<"div"> & VariantProps<typeof pageContentLayoutVariants> & {
|
|
3
7
|
/** Panel rendered at the fixed sidebarWidth. */
|
|
4
8
|
sidebar: React.ReactNode;
|
|
5
9
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-content-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/page-content-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"page-content-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/page-content-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AASlE,QAAA,MAAM,yBAAyB;;8EAc7B,CAAC;AAEH,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GACvD,YAAY,CAAC,OAAO,yBAAyB,CAAC,GAAG;IAC/C,gDAAgD;IAChD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAqEJ,QAAA,MAAM,iBAAiB,4GAEtB,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -1,8 +1,27 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
3
4
|
import { cn } from "../../lib/utils.js";
|
|
4
5
|
import { withRef } from "../../lib/with-ref.js";
|
|
5
|
-
|
|
6
|
+
// ---------------------------------------------------------------------------
|
|
7
|
+
// PageContentLayout
|
|
8
|
+
// ---------------------------------------------------------------------------
|
|
9
|
+
const pageContentLayoutVariants = cva("grid grid-cols-1", {
|
|
10
|
+
variants: {
|
|
11
|
+
/**
|
|
12
|
+
* Inset padding applied to the layout container on all sides.
|
|
13
|
+
* Mirror's PageLayout's padding variant so callers get consistent
|
|
14
|
+
* spacing without a separate wrapper.
|
|
15
|
+
* @default "none"
|
|
16
|
+
*/
|
|
17
|
+
padding: {
|
|
18
|
+
none: "",
|
|
19
|
+
default: "p-6",
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: { padding: "none" },
|
|
23
|
+
});
|
|
24
|
+
function PageContentLayoutImpl({ ref, sidebar, sidebarPosition = "right", sidebarWidth = "320px", gap = "1.5rem", padding, className, children, style, ...props }) {
|
|
6
25
|
const resolvedWidth = typeof sidebarWidth === "number" ? `${sidebarWidth}px` : sidebarWidth;
|
|
7
26
|
const resolvedGap = typeof gap === "number" ? `${gap}px` : gap;
|
|
8
27
|
const isLeft = sidebarPosition === "left";
|
|
@@ -14,7 +33,7 @@ function PageContentLayoutImpl({ ref, sidebar, sidebarPosition = "right", sideba
|
|
|
14
33
|
// the single-column stack is active below md.
|
|
15
34
|
// Left: no order needed — sidebar is already first in DOM.
|
|
16
35
|
className: cn(!isLeft && "order-1"), children: sidebar }));
|
|
17
|
-
return (_jsx("div", { "data-slot": "page-content-layout", ref: ref, className: cn(
|
|
36
|
+
return (_jsx("div", { "data-slot": "page-content-layout", ref: ref, className: cn(pageContentLayoutVariants({ padding }), gridCols, className), style: {
|
|
18
37
|
"--sidebar-width": resolvedWidth,
|
|
19
38
|
gap: resolvedGap,
|
|
20
39
|
...style,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-content-layout.js","sourceRoot":"","sources":["../../../../src/components/ui/page-content-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"page-content-layout.js","sourceRoot":"","sources":["../../../../src/components/ui/page-content-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;AAEvC,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,MAAM,yBAAyB,GAAG,GAAG,CAAC,kBAAkB,EAAE;IACxD,QAAQ,EAAE;QACR;;;;;WAKG;QACH,OAAO,EAAE;YACP,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,KAAK;SACf;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;CACrC,CAAC,CAAC;AA4BH,SAAS,qBAAqB,CAAC,EAC7B,GAAG,EACH,OAAO,EACP,eAAe,GAAG,OAAO,EACzB,YAAY,GAAG,OAAO,EACtB,GAAG,GAAG,QAAQ,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACqD;IAC7D,MAAM,aAAa,GACjB,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;IACxE,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAE/D,MAAM,MAAM,GAAG,eAAe,KAAK,MAAM,CAAC;IAE1C,MAAM,QAAQ,GAAG,MAAM;QACrB,CAAC,CAAC,mDAAmD;QACrD,CAAC,CAAC,mDAAmD,CAAC;IAExD,MAAM,SAAS,GAAG,CAChB,2BACY,6BAA6B;QACvC,oEAAoE;QACpE,8CAA8C;QAC9C,2DAA2D;QAC3D,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,YAElC,OAAO,GACJ,CACP,CAAC;IAEF,OAAO,CACL,2BACY,qBAAqB,EAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAE,OAAO,EAAE,CAAC,EACtC,QAAQ,EACR,SAAS,CACV,EACD,KAAK,EACH;YACE,iBAAiB,EAAE,aAAa;YAChC,GAAG,EAAE,WAAW;YAChB,GAAG,KAAK;SACc,KAEtB,KAAK,YAER,MAAM,CAAC,CAAC,CAAC,CACR,8BACG,SAAS,EACT,QAAQ,IACR,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,QAAQ,EACR,SAAS,IACT,CACJ,GACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAG,OAAO,CAC/B,qBAAqB,CACtB,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -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":";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;AAgBtC,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,GAAG,EACH,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,+BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAC/C,GAAG,EAAE,GAAG,KACJ,KAAK,aAER,UAAU,IAAI,cAAK,SAAS,EAAC,MAAM,YAAE,UAAU,GAAO,EAEvD,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,mCAAmC,aAC/C,IAAI,IAAI,cAAK,SAAS,EAAC,4BAA4B,YAAE,IAAI,GAAO,EACjE,aAAI,SAAS,EAAC,mDAAmD,YAC9D,KAAK,GACH,EACJ,GAAG,IAAI,cAAK,SAAS,EAAC,mBAAmB,YAAE,GAAG,GAAO,IAClD,EACL,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,yCAAyC,YACnD,WAAW,GACV,CACL,IACG,EAEL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,yCAAyC,YACrD,OAAO,GACJ,CACP,IACG,EAEL,IAAI,IAAI,cAAK,SAAS,EAAC,MAAM,YAAE,IAAI,GAAO,IACpC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,OAAO,CAA+B,cAAc,CAAC,CAAC;AACzE,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}
|
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": {
|