@camunda/design-system 0.7.0 → 0.9.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/index.d.ts +1 -1
- package/dist/carbon-compat/index.d.ts.map +1 -1
- package/dist/carbon-compat/index.js +1 -1
- package/dist/carbon-compat/index.js.map +1 -1
- package/dist/carbon-compat/inline-notification.d.ts +36 -2
- package/dist/carbon-compat/inline-notification.d.ts.map +1 -1
- package/dist/carbon-compat/inline-notification.js +92 -2
- package/dist/carbon-compat/inline-notification.js.map +1 -1
- package/dist/src/components/ui/alert.d.ts +21 -0
- package/dist/src/components/ui/alert.d.ts.map +1 -0
- package/dist/src/components/ui/alert.js +55 -0
- package/dist/src/components/ui/alert.js.map +1 -0
- package/dist/src/components/ui/app-header.d.ts.map +1 -1
- package/dist/src/components/ui/app-header.js +3 -1
- package/dist/src/components/ui/app-header.js.map +1 -1
- package/dist/src/components/ui/camunda-logo.d.ts +13 -0
- package/dist/src/components/ui/camunda-logo.d.ts.map +1 -0
- package/dist/{.storybook/CamundaLogo.js → src/components/ui/camunda-logo.js} +8 -8
- package/dist/src/components/ui/camunda-logo.js.map +1 -0
- package/dist/src/components/ui/user-menu.d.ts +16 -0
- package/dist/src/components/ui/user-menu.d.ts.map +1 -0
- package/dist/src/components/ui/user-menu.js +17 -0
- package/dist/src/components/ui/user-menu.js.map +1 -0
- package/dist/src/examples/shared/AppShell.js +1 -1
- package/dist/src/examples/shared/AppShell.js.map +1 -1
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +3 -0
- package/dist/src/index.js.map +1 -1
- package/dist/styles.css +33 -0
- package/package.json +1 -1
- package/dist/.storybook/CamundaLogo.d.ts +0 -13
- package/dist/.storybook/CamundaLogo.d.ts.map +0 -1
- package/dist/.storybook/CamundaLogo.js.map +0 -1
|
@@ -14,6 +14,7 @@ export * from "./data-table-skeleton.js";
|
|
|
14
14
|
export * from "./dropdown.js";
|
|
15
15
|
export * from "./form-group.js";
|
|
16
16
|
export * from "./icon-button.js";
|
|
17
|
+
export * from "./inline-notification.js";
|
|
17
18
|
export * from "./link.js";
|
|
18
19
|
export * from "./loading.js";
|
|
19
20
|
export * from "./menu-button.js";
|
|
@@ -53,7 +54,6 @@ export * from "./grid.js";
|
|
|
53
54
|
export * from "./header.js";
|
|
54
55
|
export * from "./heading.js";
|
|
55
56
|
export * from "./inline-loading.js";
|
|
56
|
-
export * from "./inline-notification.js";
|
|
57
57
|
export * from "./layer.js";
|
|
58
58
|
export * from "./form.js";
|
|
59
59
|
export * from "./multi-select.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../carbon-compat/index.ts"],"names":[],"mappings":"AASA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AAOjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../carbon-compat/index.ts"],"names":[],"mappings":"AASA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AAOjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC"}
|
|
@@ -23,6 +23,7 @@ export * from "./data-table-skeleton.js";
|
|
|
23
23
|
export * from "./dropdown.js";
|
|
24
24
|
export * from "./form-group.js";
|
|
25
25
|
export * from "./icon-button.js";
|
|
26
|
+
export * from "./inline-notification.js";
|
|
26
27
|
export * from "./link.js";
|
|
27
28
|
export * from "./loading.js";
|
|
28
29
|
export * from "./menu-button.js";
|
|
@@ -67,7 +68,6 @@ export * from "./grid.js";
|
|
|
67
68
|
export * from "./header.js";
|
|
68
69
|
export * from "./heading.js";
|
|
69
70
|
export * from "./inline-loading.js";
|
|
70
|
-
export * from "./inline-notification.js";
|
|
71
71
|
export * from "./layer.js";
|
|
72
72
|
export * from "./form.js";
|
|
73
73
|
export * from "./multi-select.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../carbon-compat/index.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,+DAA+D;AAC/D,EAAE;AACF,oDAAoD;AACpD,wEAAwE;AACxE,qEAAqE;AACrE,qEAAqE;AACrE,yDAAyD;AACzD,2EAA2E;AAC3E,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AAEjC,2EAA2E;AAC3E,sEAAsE;AACtE,8DAA8D;AAC9D,6BAA6B;AAC7B,2EAA2E;AAC3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../carbon-compat/index.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,+DAA+D;AAC/D,EAAE;AACF,oDAAoD;AACpD,wEAAwE;AACxE,qEAAqE;AACrE,qEAAqE;AACrE,yDAAyD;AACzD,2EAA2E;AAC3E,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AAEjC,2EAA2E;AAC3E,sEAAsE;AACtE,8DAA8D;AAC9D,6BAA6B;AAC7B,2EAA2E;AAC3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC"}
|
|
@@ -1,3 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { InlineNotificationProps as CarbonInlineNotificationProps } from "@carbon/react";
|
|
3
|
+
export type InlineNotificationProps = CarbonInlineNotificationProps;
|
|
4
|
+
/**
|
|
5
|
+
* InlineNotification — Carbon-shaped adapter rendering DS `Alert`.
|
|
6
|
+
*
|
|
7
|
+
* Maps:
|
|
8
|
+
* kind: 'info' | 'success' | 'warning' | 'error' → Alert variant.
|
|
9
|
+
* 'error' → 'destructive', everything else passes through. The
|
|
10
|
+
* `*-square` and `warning-alt` Carbon variants collapse to the
|
|
11
|
+
* base variant.
|
|
12
|
+
* title: string → Alert title (bold heading line)
|
|
13
|
+
* subtitle: ReactNode → Alert description
|
|
14
|
+
* hideCloseButton: boolean → inverted to Alert's `dismissible` opt-in
|
|
15
|
+
* onClose: () => void → Alert's onDismiss
|
|
16
|
+
* onCloseButtonClick: MouseEventHandler → Alert's onDismiss (Carbon
|
|
17
|
+
* fires both; DS Alert collapses them into one callback).
|
|
18
|
+
* lowContrast: boolean → no-op at this fidelity; the DS variant
|
|
19
|
+
* palette is already token-driven and uses single-tone backgrounds.
|
|
20
|
+
* children → forwarded to Alert's children slot (below description)
|
|
21
|
+
* className / id / aria-* → standard DOM pass-through
|
|
22
|
+
*
|
|
23
|
+
* Drops (with dev warning):
|
|
24
|
+
* statusIconDescription / iconDescription — Carbon-specific a11y
|
|
25
|
+
* strings for the variant icon; DS Alert marks the icon
|
|
26
|
+
* `aria-hidden` and relies on the role/aria-live announcement.
|
|
27
|
+
* actions (Carbon's `<NotificationActionButton>` slot) — consumers
|
|
28
|
+
* migrating off carbon-compat should compose action buttons as
|
|
29
|
+
* children directly.
|
|
30
|
+
* role — Carbon defaults this to "status" via prop; DS Alert sets
|
|
31
|
+
* role internally per variant.
|
|
32
|
+
* notificationType — Carbon's "inline" vs "toast" layout switch.
|
|
33
|
+
* DS Alert is inline-only; toast lives in `sonner`.
|
|
34
|
+
*/
|
|
35
|
+
declare function InlineNotification(props: InlineNotificationProps): React.JSX.Element;
|
|
36
|
+
export { InlineNotification };
|
|
3
37
|
//# sourceMappingURL=inline-notification.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-notification.d.ts","sourceRoot":"","sources":["../../carbon-compat/inline-notification.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"inline-notification.d.ts","sourceRoot":"","sources":["../../carbon-compat/inline-notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,uBAAuB,IAAI,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAK9F,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,CAAC;AA8BpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAmFzD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,3 +1,93 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Alert } from "../src/components/ui/alert.js";
|
|
4
|
+
import { warnDroppedProps } from "../src/lib/utils.js";
|
|
5
|
+
function mapKind(kind) {
|
|
6
|
+
switch (kind) {
|
|
7
|
+
case "error":
|
|
8
|
+
return "destructive";
|
|
9
|
+
case "success":
|
|
10
|
+
return "success";
|
|
11
|
+
case "warning":
|
|
12
|
+
case "warning-alt":
|
|
13
|
+
return "warning";
|
|
14
|
+
case "info":
|
|
15
|
+
case "info-square":
|
|
16
|
+
case undefined:
|
|
17
|
+
return "info";
|
|
18
|
+
default:
|
|
19
|
+
return "info";
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* InlineNotification — Carbon-shaped adapter rendering DS `Alert`.
|
|
24
|
+
*
|
|
25
|
+
* Maps:
|
|
26
|
+
* kind: 'info' | 'success' | 'warning' | 'error' → Alert variant.
|
|
27
|
+
* 'error' → 'destructive', everything else passes through. The
|
|
28
|
+
* `*-square` and `warning-alt` Carbon variants collapse to the
|
|
29
|
+
* base variant.
|
|
30
|
+
* title: string → Alert title (bold heading line)
|
|
31
|
+
* subtitle: ReactNode → Alert description
|
|
32
|
+
* hideCloseButton: boolean → inverted to Alert's `dismissible` opt-in
|
|
33
|
+
* onClose: () => void → Alert's onDismiss
|
|
34
|
+
* onCloseButtonClick: MouseEventHandler → Alert's onDismiss (Carbon
|
|
35
|
+
* fires both; DS Alert collapses them into one callback).
|
|
36
|
+
* lowContrast: boolean → no-op at this fidelity; the DS variant
|
|
37
|
+
* palette is already token-driven and uses single-tone backgrounds.
|
|
38
|
+
* children → forwarded to Alert's children slot (below description)
|
|
39
|
+
* className / id / aria-* → standard DOM pass-through
|
|
40
|
+
*
|
|
41
|
+
* Drops (with dev warning):
|
|
42
|
+
* statusIconDescription / iconDescription — Carbon-specific a11y
|
|
43
|
+
* strings for the variant icon; DS Alert marks the icon
|
|
44
|
+
* `aria-hidden` and relies on the role/aria-live announcement.
|
|
45
|
+
* actions (Carbon's `<NotificationActionButton>` slot) — consumers
|
|
46
|
+
* migrating off carbon-compat should compose action buttons as
|
|
47
|
+
* children directly.
|
|
48
|
+
* role — Carbon defaults this to "status" via prop; DS Alert sets
|
|
49
|
+
* role internally per variant.
|
|
50
|
+
* notificationType — Carbon's "inline" vs "toast" layout switch.
|
|
51
|
+
* DS Alert is inline-only; toast lives in `sonner`.
|
|
52
|
+
*/
|
|
53
|
+
function InlineNotification(props) {
|
|
54
|
+
const { kind, title, subtitle, hideCloseButton, onClose, onCloseButtonClick, lowContrast: _lowContrast, statusIconDescription, iconDescription, actions, role: _role, "aria-live": _ariaLive, "aria-atomic": _ariaAtomic, notificationType, children, className, ...rest } = props;
|
|
55
|
+
warnDroppedProps("InlineNotification", {
|
|
56
|
+
statusIconDescription,
|
|
57
|
+
iconDescription,
|
|
58
|
+
actions,
|
|
59
|
+
notificationType,
|
|
60
|
+
});
|
|
61
|
+
if (typeof title !== "string" && title !== undefined) {
|
|
62
|
+
warnDroppedProps("InlineNotification", { title: "(non-string)" });
|
|
63
|
+
}
|
|
64
|
+
const variant = mapKind(kind);
|
|
65
|
+
const dismissible = !hideCloseButton;
|
|
66
|
+
const handleDismiss = () => {
|
|
67
|
+
if (onClose)
|
|
68
|
+
onClose();
|
|
69
|
+
if (onCloseButtonClick) {
|
|
70
|
+
// Carbon types this as a MouseEvent — we don't have a real one for
|
|
71
|
+
// keyboard activation. Synthesize a stub with no-op handlers so the
|
|
72
|
+
// common consumer pattern `(e) => e.stopPropagation()` doesn't
|
|
73
|
+
// throw.
|
|
74
|
+
const noop = () => { };
|
|
75
|
+
onCloseButtonClick({
|
|
76
|
+
preventDefault: noop,
|
|
77
|
+
stopPropagation: noop,
|
|
78
|
+
nativeEvent: undefined,
|
|
79
|
+
currentTarget: null,
|
|
80
|
+
target: null,
|
|
81
|
+
bubbles: false,
|
|
82
|
+
cancelable: false,
|
|
83
|
+
defaultPrevented: false,
|
|
84
|
+
isTrusted: false,
|
|
85
|
+
timeStamp: 0,
|
|
86
|
+
type: "click",
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
return (_jsx(Alert, { variant: variant, title: typeof title === "string" ? title : undefined, description: subtitle, dismissible: dismissible, onDismiss: dismissible ? handleDismiss : undefined, className: className, ...rest, children: children }));
|
|
91
|
+
}
|
|
92
|
+
export { InlineNotification };
|
|
3
93
|
//# sourceMappingURL=inline-notification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-notification.js","sourceRoot":"","sources":["../../carbon-compat/inline-notification.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"inline-notification.js","sourceRoot":"","sources":["../../carbon-compat/inline-notification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAcpD,SAAS,OAAO,CAAC,IAAiB;IAChC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,aAAa,CAAC;QACvB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,EACf,OAAO,EACP,kBAAkB,EAClB,WAAW,EAAE,YAAY,EACzB,qBAAqB,EACrB,eAAe,EACf,OAAO,EACP,IAAI,EAAE,KAAK,EACX,WAAW,EAAE,SAAS,EACtB,aAAa,EAAE,WAAW,EAC1B,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAWH,CAAC;IAEF,gBAAgB,CAAC,oBAAoB,EAAE;QACrC,qBAAqB;QACrB,eAAe;QACf,OAAO;QACP,gBAAgB;KACjB,CAAC,CAAC;IAEH,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACrD,gBAAgB,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,IAA8B,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,CAAC,eAAe,CAAC;IAErC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO;YAAE,OAAO,EAAE,CAAC;QACvB,IAAI,kBAAkB,EAAE,CAAC;YACvB,mEAAmE;YACnE,oEAAoE;YACpE,+DAA+D;YAC/D,SAAS;YACT,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;YACtB,kBAAkB,CAAC;gBACjB,cAAc,EAAE,IAAI;gBACpB,eAAe,EAAE,IAAI;gBACrB,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,IAAI;gBACnB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,KAAK;gBACjB,gBAAgB,EAAE,KAAK;gBACvB,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,CAAC;gBACZ,IAAI,EAAE,OAAO;aACoC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpD,WAAW,EAAE,QAAQ,EACrB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KACf,IAA6C,YAEjD,QAAQ,GACH,CACT,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
import { type LucideIcon } from "lucide-react";
|
|
4
|
+
declare const alertVariants: (props?: ({
|
|
5
|
+
variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
type AlertVariant = "default" | "info" | "success" | "warning" | "destructive";
|
|
8
|
+
type AlertProps = React.ComponentProps<"div"> & VariantProps<typeof alertVariants> & {
|
|
9
|
+
title?: string;
|
|
10
|
+
description?: React.ReactNode;
|
|
11
|
+
/** LucideIcon constructor, or null to suppress the icon entirely. */
|
|
12
|
+
icon?: LucideIcon | null;
|
|
13
|
+
dismissible?: boolean;
|
|
14
|
+
onDismiss?: () => void;
|
|
15
|
+
};
|
|
16
|
+
declare function Alert({ ref, className, variant, title, description, icon, dismissible, onDismiss, children, ...props }: AlertProps): React.JSX.Element;
|
|
17
|
+
declare function AlertTitle({ ref, className, children, ...props }: React.ComponentProps<"p">): React.JSX.Element;
|
|
18
|
+
declare function AlertDescription({ ref, className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
19
|
+
export { Alert, AlertTitle, AlertDescription, alertVariants };
|
|
20
|
+
export type { AlertProps, AlertVariant };
|
|
21
|
+
//# sourceMappingURL=alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAOtB,QAAA,MAAM,aAAa;;8EAgBjB,CAAC;AAcH,KAAK,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,qEAAqE;IACrE,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIJ,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,OAAmB,EACnB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,qBAgEZ;AAID,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3B;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { CheckCircle2, CircleAlert, Info, TriangleAlert, X, } from "lucide-react";
|
|
5
|
+
import { cn } from "../../lib/utils.js";
|
|
6
|
+
import { Button } from "./button.js";
|
|
7
|
+
// ── Variant definitions ────────────────────────────────────────────────────
|
|
8
|
+
const alertVariants = cva("relative w-full rounded-lg border p-4 text-sm", {
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
default: "border-border bg-background text-neutral-foreground-strong",
|
|
12
|
+
info: "border-info-border-subtle bg-info-background-subtle text-info-foreground-strong",
|
|
13
|
+
success: "border-success-border-subtle bg-success-background-subtle text-success-foreground-strong",
|
|
14
|
+
warning: "border-warning-border-subtle bg-warning-background-subtle text-warning-foreground-strong",
|
|
15
|
+
destructive: "border-danger-border-subtle bg-danger-background-subtle text-danger-foreground-strong",
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
variant: "default",
|
|
20
|
+
},
|
|
21
|
+
});
|
|
22
|
+
// ── Default icons per variant ──────────────────────────────────────────────
|
|
23
|
+
const DEFAULT_ICONS = {
|
|
24
|
+
default: undefined,
|
|
25
|
+
info: Info,
|
|
26
|
+
success: CheckCircle2,
|
|
27
|
+
warning: TriangleAlert,
|
|
28
|
+
destructive: CircleAlert,
|
|
29
|
+
};
|
|
30
|
+
// ── Alert root ─────────────────────────────────────────────────────────────
|
|
31
|
+
function Alert({ ref, className, variant = "default", title, description, icon, dismissible = false, onDismiss, children, ...props }) {
|
|
32
|
+
// aria-live and role are variant-driven; consumers can override via ...props.
|
|
33
|
+
const isDestructive = variant === "destructive";
|
|
34
|
+
const ariaRole = isDestructive ? "alert" : "status";
|
|
35
|
+
const ariaLive = isDestructive ? "assertive" : "polite";
|
|
36
|
+
// Resolve the icon: explicit null = no icon; explicit LucideIcon = use it;
|
|
37
|
+
// undefined = fall back to the variant default.
|
|
38
|
+
const resolvedIcon = icon === null
|
|
39
|
+
? null
|
|
40
|
+
: icon !== undefined
|
|
41
|
+
? icon
|
|
42
|
+
: (DEFAULT_ICONS[variant ?? "default"] ?? null);
|
|
43
|
+
const hasIcon = resolvedIcon !== null;
|
|
44
|
+
const IconComponent = resolvedIcon;
|
|
45
|
+
return (_jsx("div", { ref: ref, "data-slot": "alert", role: ariaRole, "aria-live": ariaLive, "aria-atomic": "true", className: cn(alertVariants({ variant }), className), ...props, children: _jsxs("div", { className: "flex gap-3", children: [hasIcon && IconComponent !== null && (_jsx("div", { className: "mt-0.5 shrink-0", children: _jsx(IconComponent, { className: "h-4 w-4", "aria-hidden": "true" }) })), _jsxs("div", { className: "min-w-0 flex-1", children: [title != null && _jsx(AlertTitle, { children: title }), description != null && (_jsx(AlertDescription, { children: description })), children != null && _jsx("div", { className: "mt-3", children: children })] }), dismissible && (_jsx("div", { className: "shrink-0", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "Dismiss", onClick: onDismiss, className: "-mr-1 -mt-1 h-7 w-7 text-current opacity-70 hover:opacity-100", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": "true" }) }) }))] }) }));
|
|
46
|
+
}
|
|
47
|
+
// ── Slot sub-components (escape hatch for custom layouts) ──────────────────
|
|
48
|
+
function AlertTitle({ ref, className, children, ...props }) {
|
|
49
|
+
return (_jsx("p", { ref: ref, "data-slot": "alert-title", className: cn("mb-1 font-semibold leading-snug", className), ...props, children: children }));
|
|
50
|
+
}
|
|
51
|
+
function AlertDescription({ ref, className, children, ...props }) {
|
|
52
|
+
return (_jsx("div", { ref: ref, "data-slot": "alert-description", className: cn("text-sm leading-relaxed [&_p]:leading-relaxed", className), ...props, children: children }));
|
|
53
|
+
}
|
|
54
|
+
export { Alert, AlertTitle, AlertDescription, alertVariants };
|
|
55
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/ui/alert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/app-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/app-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAO/C,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;IACpE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2GAA2G;IAC3G,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,aAAa,EACb,qBAAqB,EACrB,kBAA2C,EAC3C,kBAAyB,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBA+DhB"}
|
|
@@ -4,10 +4,12 @@ import {} from "lucide-react";
|
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
5
|
import { Button } from "./button.js";
|
|
6
6
|
import { useSidebar, SidebarTrigger } from "./sidebar-provider.js";
|
|
7
|
+
import { CamundaLogo } from "./camunda-logo.js";
|
|
7
8
|
export function AppHeader({ logo, appName, breadcrumb, trailing, actions, globalActions, skipToContentTargetId, skipToContentLabel = "Skip to main content", showSidebarTrigger = true, className, children, ...props }) {
|
|
8
9
|
const sidebar = useSidebar();
|
|
9
10
|
const showTrigger = showSidebarTrigger && sidebar?.isMobile;
|
|
10
|
-
|
|
11
|
+
const logoNode = logo === undefined ? _jsx(CamundaLogo, {}) : logo;
|
|
12
|
+
return (_jsxs("header", { ...props, "data-slot": "app-header", role: "banner", className: cn("sticky top-0 z-50 flex h-12 items-center gap-4 border-b border-border bg-background px-4", className), children: [skipToContentTargetId && (_jsx("a", { href: `#${skipToContentTargetId}`, className: "sr-only focus:not-sr-only focus:absolute focus:left-2 focus:top-2 focus:z-[60] focus:rounded-md focus:bg-background focus:px-3 focus:py-2 focus:ring-2 focus:ring-ring", children: skipToContentLabel })), showTrigger && _jsx(SidebarTrigger, { className: "shrink-0" }), (logoNode || appName) && (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [logoNode, appName && _jsx("span", { className: "text-sm font-semibold", children: appName })] })), breadcrumb, children, _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [trailing, globalActions
|
|
11
13
|
?.filter((action) => action.element || action.icon)
|
|
12
14
|
.map((action) => action.element ? (_jsx(React.Fragment, { children: action.element }, action.key)) : (_jsx(Button, { variant: "ghost", size: "icon", "aria-label": action.label, onClick: action.onClick, children: action.icon ? (_jsx(action.icon, { "aria-hidden": true, className: "size-4" })) : null }, action.key))), actions] })] }));
|
|
13
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.js","sourceRoot":"","sources":["../../../../src/components/ui/app-header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"app-header.js","sourceRoot":"","sources":["../../../../src/components/ui/app-header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAuB7C,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,aAAa,EACb,qBAAqB,EACrB,kBAAkB,GAAG,sBAAsB,EAC3C,kBAAkB,GAAG,IAAI,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACO;IACf,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,kBAAkB,IAAI,OAAO,EAAE,QAAQ,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,CACL,qBACM,KAAK,eACC,YAAY,EACtB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,0FAA0F,EAC1F,SAAS,CACV,aAEA,qBAAqB,IAAI,CACxB,YACE,IAAI,EAAE,IAAI,qBAAqB,EAAE,EACjC,SAAS,EAAC,wKAAwK,YAEjL,kBAAkB,GACjB,CACL,EAEA,WAAW,IAAI,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,GAAG,EAEtD,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,CACxB,eAAK,SAAS,EAAC,kCAAkC,aAC9C,QAAQ,EACR,OAAO,IAAI,eAAM,SAAS,EAAC,uBAAuB,YAAE,OAAO,GAAQ,IAChE,CACP,EAEA,UAAU,EACV,QAAQ,EAET,eAAK,SAAS,EAAC,iCAAiC,aAC7C,QAAQ,EAGR,aAAa;wBACZ,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC;yBAClD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACd,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,KAAK,CAAC,QAAQ,cAAmB,MAAM,CAAC,OAAO,IAA3B,MAAM,CAAC,GAAG,CAAmC,CACnE,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAEL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,gBACC,MAAM,CAAC,KAAK,EACxB,OAAO,EAAE,MAAM,CAAC,OAAO,YAEtB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,KAAC,MAAM,CAAC,IAAI,yBAAa,SAAS,EAAC,QAAQ,GAAG,CAC/C,CAAC,CAAC,CAAC,IAAI,IARH,MAAM,CAAC,GAAG,CASR,CACV,CACF,EACF,OAAO,IACJ,IACC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Camunda logomark — brand asset shipped by the DS so consumers don't have
|
|
3
|
+
* to source, recreate, or token-map it themselves.
|
|
4
|
+
*
|
|
5
|
+
* Fills use DS semantic tokens (fill-foreground / fill-background) so the
|
|
6
|
+
* mark themes correctly in light/dark. The orange accent bar is hardcoded to
|
|
7
|
+
* the brand primary #FC5D0D — intentionally not a themeable token because
|
|
8
|
+
* the Camunda brand colour is fixed across all surfaces.
|
|
9
|
+
*/
|
|
10
|
+
export declare function CamundaLogo({ className }: {
|
|
11
|
+
className?: string;
|
|
12
|
+
}): import("react").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=camunda-logo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"camunda-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/camunda-logo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAkBhE"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
/**
|
|
3
|
-
* Camunda logomark
|
|
3
|
+
* Camunda logomark — brand asset shipped by the DS so consumers don't have
|
|
4
|
+
* to source, recreate, or token-map it themselves.
|
|
4
5
|
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* (== `--primary`). Sourced from camunda-cloud-management-apps c3 assets.
|
|
6
|
+
* Fills use DS semantic tokens (fill-foreground / fill-background) so the
|
|
7
|
+
* mark themes correctly in light/dark. The orange accent bar is hardcoded to
|
|
8
|
+
* the brand primary #FC5D0D — intentionally not a themeable token because
|
|
9
|
+
* the Camunda brand colour is fixed across all surfaces.
|
|
10
10
|
*/
|
|
11
11
|
export function CamundaLogo({ className }) {
|
|
12
|
-
return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className: className, children: [_jsx("rect", { width: "24", height: "24", rx: "3", className: "fill-foreground" }), _jsx("path", { d: "M11.986 15.585c1.824 0 2.762-1.075 2.776-2.967v-1.564h-1.755v1.687c0 .844-.368 1.143-.966 1.143-.585 0-.966-.3-.966-1.143V6.364c0-.843.367-1.17.966-1.156.585 0 .966.326.966 1.17v1.261h1.755V6.496c0-1.891-.94-2.965-2.762-2.965-1.823 0-2.764 1.074-2.776 2.965v6.136c0 1.864.943 2.953 2.762 2.953Z", className: "fill-background" }), _jsx("path", { d: "M14.762 17.312H9.224v3.13h5.538v-3.13Z",
|
|
12
|
+
return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className: className, children: [_jsx("rect", { width: "24", height: "24", rx: "3", className: "fill-foreground" }), _jsx("path", { d: "M11.986 15.585c1.824 0 2.762-1.075 2.776-2.967v-1.564h-1.755v1.687c0 .844-.368 1.143-.966 1.143-.585 0-.966-.3-.966-1.143V6.364c0-.843.367-1.17.966-1.156.585 0 .966.326.966 1.17v1.261h1.755V6.496c0-1.891-.94-2.965-2.762-2.965-1.823 0-2.764 1.074-2.776 2.965v6.136c0 1.864.943 2.953 2.762 2.953Z", className: "fill-background" }), _jsx("path", { d: "M14.762 17.312H9.224v3.13h5.538v-3.13Z", fill: "#FC5D0D" })] }));
|
|
13
13
|
}
|
|
14
|
-
//# sourceMappingURL=
|
|
14
|
+
//# sourceMappingURL=camunda-logo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"camunda-logo.js","sourceRoot":"","sources":["../../../../src/components/ui/camunda-logo.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAA0B;IAC/D,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,SAAS,EAAE,SAAS,aAEpB,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,GAAG,EAClE,eACE,CAAC,EAAC,wSAAwS,EAC1S,SAAS,EAAC,iBAAiB,GAC3B,EACF,eAAM,CAAC,EAAC,wCAAwC,EAAC,IAAI,EAAC,SAAS,GAAG,IAC9D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface UserMenuItem {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface UserMenuProps {
|
|
8
|
+
userName: string;
|
|
9
|
+
userEmail: string;
|
|
10
|
+
items?: UserMenuItem[];
|
|
11
|
+
onLogout: () => void;
|
|
12
|
+
customSection?: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function UserMenu({ userName, userEmail, items, onLogout, customSection, className, }: UserMenuProps): React.JSX.Element;
|
|
16
|
+
//# sourceMappingURL=user-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/user-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,GACV,EAAE,aAAa,qBAsDf"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { LogOut } from "lucide-react";
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
|
+
import { Button } from "./button.js";
|
|
6
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown.js";
|
|
7
|
+
function getInitials(userName) {
|
|
8
|
+
const words = userName.trim().split(/\s+/);
|
|
9
|
+
if (words.length === 1)
|
|
10
|
+
return words[0].charAt(0).toUpperCase();
|
|
11
|
+
return (words[0].charAt(0) + words[1].charAt(0)).toUpperCase();
|
|
12
|
+
}
|
|
13
|
+
export function UserMenu({ userName, userEmail, items, onLogout, customSection, className, }) {
|
|
14
|
+
const initials = getInitials(userName);
|
|
15
|
+
return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: cn("rounded-full", className), "aria-label": `User menu, ${userName}`, type: "button", "data-slot": "user-menu-trigger", children: _jsx("span", { "aria-hidden": "true", className: "flex size-7 items-center justify-center rounded-full bg-primary-action-default text-xs font-medium text-primary-action-foreground", children: initials }) }) }), _jsxs(DropdownMenuContent, { className: "w-56", align: "end", "data-slot": "user-menu-content", children: [_jsx(DropdownMenuLabel, { className: "font-normal", children: _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "font-semibold", children: userName }), _jsx("span", { className: "text-xs text-neutral-foreground-subtle", children: userEmail })] }) }), customSection && _jsx(_Fragment, { children: customSection }), items && items.length > 0 && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), items.map((item) => (_jsx(DropdownMenuItem, { onClick: item.onClick, children: item.label }, item.key)))] })), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: onLogout, children: [_jsx(LogOut, { "aria-hidden": "true" }), "Log out"] })] })] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=user-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"user-menu.js","sourceRoot":"","sources":["../../../../src/components/ui/user-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,YAAY,CAAC;AAiBpB,SAAS,WAAW,CAAC,QAAgB;IACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAChE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,GACK;IACd,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEvC,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,gBAC5B,cAAc,QAAQ,EAAE,EACpC,IAAI,EAAC,QAAQ,eACH,mBAAmB,YAE7B,8BACc,MAAM,EAClB,SAAS,EAAC,mIAAmI,YAE5I,QAAQ,GACJ,GACA,GACW,EACtB,MAAC,mBAAmB,IAClB,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,KAAK,eACD,mBAAmB,aAE7B,KAAC,iBAAiB,IAAC,SAAS,EAAC,aAAa,YACxC,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EACjD,eAAM,SAAS,EAAC,wCAAwC,YACrD,SAAS,GACL,IACH,GACY,EACnB,aAAa,IAAI,4BAAG,aAAa,GAAI,EACrC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,8BACE,KAAC,qBAAqB,KAAG,EACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,gBAAgB,IAAgB,OAAO,EAAE,IAAI,CAAC,OAAO,YACnD,IAAI,CAAC,KAAK,IADU,IAAI,CAAC,GAAG,CAEZ,CACpB,CAAC,IACD,CACJ,EACD,KAAC,qBAAqB,KAAG,EACzB,MAAC,gBAAgB,IAAC,OAAO,EAAE,QAAQ,aACjC,KAAC,MAAM,mBAAa,MAAM,GAAG,eAEZ,IACC,IACT,CAChB,CAAC;AACJ,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import {} from "react";
|
|
3
3
|
import { Bell, HelpCircle } from "lucide-react";
|
|
4
4
|
import { AppHeader, AppSidebar, SidebarProvider, TooltipProvider, } from "../../index.js";
|
|
5
|
-
import { CamundaLogo } from "
|
|
5
|
+
import { CamundaLogo } from "../../components/ui/camunda-logo.js";
|
|
6
6
|
/** Shared app-shell for example pages: SidebarProvider + AppHeader + AppSidebar + offset <main>. */
|
|
7
7
|
export function AppShell({ appName, sidebarLabel, items, breadcrumb, backNav, children, }) {
|
|
8
8
|
return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsx(SidebarProvider, { children: _jsxs("div", { className: "min-h-screen bg-background text-neutral-foreground-strong", children: [_jsx(AppHeader, { skipToContentTargetId: "main-content", appName: appName, logo: _jsx("a", { href: "#", "aria-label": "Camunda home", className: "flex items-center", children: _jsx(CamundaLogo, {}) }), breadcrumb: breadcrumb, globalActions: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/examples/shared/AppShell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EACL,SAAS,EACT,UAAU,EACV,eAAe,EACf,eAAe,GAGhB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/examples/shared/AppShell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EACL,SAAS,EACT,UAAU,EACV,eAAe,EACf,eAAe,GAGhB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAW/D,oGAAoG;AACpG,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,GACM;IACd,OAAO,CACL,KAAC,eAAe,IAAC,aAAa,EAAE,CAAC,YAC/B,KAAC,eAAe,cACd,eAAK,SAAS,EAAC,2DAA2D,aACxE,KAAC,SAAS,IACR,qBAAqB,EAAC,cAAc,EACpC,OAAO,EAAE,OAAO,EAChB,IAAI,EACF,YACE,IAAI,EAAC,GAAG,gBACG,cAAc,EACzB,SAAS,EAAC,mBAAmB,YAE7B,KAAC,WAAW,KAAG,GACb,EAEN,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE;4BACb,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE;4BAC5D,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE;yBACjD,GACD,EACF,KAAC,UAAU,IACT,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,EACF,eACE,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,EAAE,UAAU,EAAE,iCAAiC,EAAE,YAEvD,QAAQ,GACJ,IACH,GACU,GACF,CACnB,CAAC;AACJ,CAAC"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
export { Alert, AlertTitle, AlertDescription, alertVariants, type AlertProps, type AlertVariant, } from "./components/ui/alert.js";
|
|
1
2
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog.js";
|
|
2
3
|
export { AppHeader, type AppHeaderProps, type GlobalActionButton, } from "./components/ui/app-header.js";
|
|
4
|
+
export { CamundaLogo } from "./components/ui/camunda-logo.js";
|
|
3
5
|
export { AppSidebar, type AppSidebarProps, type SidebarNode, type SidebarItem, type SidebarGroupItem, type SidebarGroup, type SidebarSection, type SidebarLinkProps, type SidebarBackNav, } from "./components/ui/app-sidebar.js";
|
|
4
6
|
export { Badge, badgeVariants } from "./components/ui/badge.js";
|
|
5
7
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb.js";
|
|
@@ -38,6 +40,7 @@ export { Toggle, toggleVariants } from "./components/ui/toggle.js";
|
|
|
38
40
|
export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
|
|
39
41
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
|
|
40
42
|
export { TreeView, TreeNode } from "./components/ui/tree-view.js";
|
|
43
|
+
export { UserMenu, type UserMenuItem, type UserMenuProps, } from "./components/ui/user-menu.js";
|
|
41
44
|
export type { TreeNodeDef, TreeNodeProps, TreeViewProps, } from "./components/ui/tree-view.js";
|
|
42
45
|
export { useMediaQuery } from "./hooks/use-media-query.js";
|
|
43
46
|
export { useIsMobile } from "./hooks/use-is-mobile.js";
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EACL,aAAa,EACb,iBAAiB,GAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EACL,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,aAAa,GACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,YAAY,EACV,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EACL,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,UAAU,EACV,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EACL,UAAU,EACV,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,cAAc,EACd,UAAU,EACV,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,GACzB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC/D,YAAY,EACV,WAAW,EACX,aAAa,EACb,aAAa,GACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,YAAY,EACZ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,QAAQ,GACT,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/src/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
export { Alert, AlertTitle, AlertDescription, alertVariants, } from "./components/ui/alert.js";
|
|
1
2
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog.js";
|
|
2
3
|
export { AppHeader, } from "./components/ui/app-header.js";
|
|
4
|
+
export { CamundaLogo } from "./components/ui/camunda-logo.js";
|
|
3
5
|
export { AppSidebar, } from "./components/ui/app-sidebar.js";
|
|
4
6
|
export { Badge, badgeVariants } from "./components/ui/badge.js";
|
|
5
7
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb.js";
|
|
@@ -37,6 +39,7 @@ export { Toggle, toggleVariants } from "./components/ui/toggle.js";
|
|
|
37
39
|
export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
|
|
38
40
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
|
|
39
41
|
export { TreeView, TreeNode } from "./components/ui/tree-view.js";
|
|
42
|
+
export { UserMenu, } from "./components/ui/user-menu.js";
|
|
40
43
|
export { useMediaQuery } from "./hooks/use-media-query.js";
|
|
41
44
|
export { useIsMobile } from "./hooks/use-is-mobile.js";
|
|
42
45
|
export { useTheme, useResolvedTheme, } from "./hooks/use-theme.js";
|
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -284,6 +284,9 @@
|
|
|
284
284
|
.my-3 {
|
|
285
285
|
margin-block: calc(var(--spacing) * 3);
|
|
286
286
|
}
|
|
287
|
+
.-mt-1 {
|
|
288
|
+
margin-top: calc(var(--spacing) * -1);
|
|
289
|
+
}
|
|
287
290
|
.mt-0\.5 {
|
|
288
291
|
margin-top: calc(var(--spacing) * 0.5);
|
|
289
292
|
}
|
|
@@ -311,6 +314,9 @@
|
|
|
311
314
|
.mt-auto {
|
|
312
315
|
margin-top: auto;
|
|
313
316
|
}
|
|
317
|
+
.-mr-1 {
|
|
318
|
+
margin-right: calc(var(--spacing) * -1);
|
|
319
|
+
}
|
|
314
320
|
.mr-1 {
|
|
315
321
|
margin-right: calc(var(--spacing) * 1);
|
|
316
322
|
}
|
|
@@ -1172,12 +1178,18 @@
|
|
|
1172
1178
|
.border-border {
|
|
1173
1179
|
border-color: var(--border);
|
|
1174
1180
|
}
|
|
1181
|
+
.border-danger-border-subtle {
|
|
1182
|
+
border-color: var(--danger-border-subtle);
|
|
1183
|
+
}
|
|
1175
1184
|
.border-foreground {
|
|
1176
1185
|
border-color: var(--foreground);
|
|
1177
1186
|
}
|
|
1178
1187
|
.border-gray-200 {
|
|
1179
1188
|
border-color: var(--color-gray-200);
|
|
1180
1189
|
}
|
|
1190
|
+
.border-info-border-subtle {
|
|
1191
|
+
border-color: var(--info-border-subtle);
|
|
1192
|
+
}
|
|
1181
1193
|
.border-input {
|
|
1182
1194
|
border-color: var(--input);
|
|
1183
1195
|
}
|
|
@@ -1295,6 +1307,9 @@
|
|
|
1295
1307
|
background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
|
|
1296
1308
|
}
|
|
1297
1309
|
}
|
|
1310
|
+
.bg-info-background-subtle {
|
|
1311
|
+
background-color: var(--info-background-subtle);
|
|
1312
|
+
}
|
|
1298
1313
|
.bg-input-background {
|
|
1299
1314
|
background-color: var(--input-background);
|
|
1300
1315
|
}
|
|
@@ -1568,6 +1583,9 @@
|
|
|
1568
1583
|
.pl-2\.5 {
|
|
1569
1584
|
padding-left: calc(var(--spacing) * 2.5);
|
|
1570
1585
|
}
|
|
1586
|
+
.pl-4 {
|
|
1587
|
+
padding-left: calc(var(--spacing) * 4);
|
|
1588
|
+
}
|
|
1571
1589
|
.pl-5 {
|
|
1572
1590
|
padding-left: calc(var(--spacing) * 5);
|
|
1573
1591
|
}
|
|
@@ -1754,6 +1772,9 @@
|
|
|
1754
1772
|
.text-danger-action-foreground {
|
|
1755
1773
|
color: var(--danger-action-foreground);
|
|
1756
1774
|
}
|
|
1775
|
+
.text-danger-foreground-strong {
|
|
1776
|
+
color: var(--danger-foreground-strong);
|
|
1777
|
+
}
|
|
1757
1778
|
.text-emerald-600 {
|
|
1758
1779
|
color: var(--color-emerald-600);
|
|
1759
1780
|
}
|
|
@@ -1763,6 +1784,9 @@
|
|
|
1763
1784
|
.text-info-action-default {
|
|
1764
1785
|
color: var(--info-action-default);
|
|
1765
1786
|
}
|
|
1787
|
+
.text-info-foreground-strong {
|
|
1788
|
+
color: var(--info-foreground-strong);
|
|
1789
|
+
}
|
|
1766
1790
|
.text-neutral-action-foreground {
|
|
1767
1791
|
color: var(--neutral-action-foreground);
|
|
1768
1792
|
}
|
|
@@ -1796,6 +1820,9 @@
|
|
|
1796
1820
|
.text-success-action-default {
|
|
1797
1821
|
color: var(--success-action-default);
|
|
1798
1822
|
}
|
|
1823
|
+
.text-success-foreground-strong {
|
|
1824
|
+
color: var(--success-foreground-strong);
|
|
1825
|
+
}
|
|
1799
1826
|
.text-warning-action-foreground {
|
|
1800
1827
|
color: var(--warning-action-foreground);
|
|
1801
1828
|
}
|
|
@@ -3498,6 +3525,12 @@
|
|
|
3498
3525
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3499
3526
|
}
|
|
3500
3527
|
}
|
|
3528
|
+
.\[\&_p\]\:leading-relaxed {
|
|
3529
|
+
& p {
|
|
3530
|
+
--tw-leading: var(--leading-relaxed);
|
|
3531
|
+
line-height: var(--leading-relaxed);
|
|
3532
|
+
}
|
|
3533
|
+
}
|
|
3501
3534
|
.\[\&_svg\]\:pointer-events-none {
|
|
3502
3535
|
& svg {
|
|
3503
3536
|
pointer-events: none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@camunda/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.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": {
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Camunda logomark for Storybook stories and examples.
|
|
3
|
-
*
|
|
4
|
-
* This is a brand asset, intentionally NOT part of the DS component API — DS
|
|
5
|
-
* primitives (AppHeader) take a consumer-provided `logo` slot and stay
|
|
6
|
-
* lucide-only (AGENTS.md rule #7). Fills map to DS semantic tokens so the mark
|
|
7
|
-
* themes with light/dark; the orange accent bar is the brand `#FC5D0D`
|
|
8
|
-
* (== `--primary`). Sourced from camunda-cloud-management-apps c3 assets.
|
|
9
|
-
*/
|
|
10
|
-
export declare function CamundaLogo({ className }: {
|
|
11
|
-
className?: string;
|
|
12
|
-
}): import("react").JSX.Element;
|
|
13
|
-
//# sourceMappingURL=CamundaLogo.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CamundaLogo.d.ts","sourceRoot":"","sources":["../../.storybook/CamundaLogo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAqBhE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CamundaLogo.js","sourceRoot":"","sources":["../../.storybook/CamundaLogo.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAA0B;IAC/D,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,SAAS,EAAE,SAAS,aAEpB,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,GAAG,EAClE,eACE,CAAC,EAAC,wSAAwS,EAC1S,SAAS,EAAC,iBAAiB,GAC3B,EACF,eACE,CAAC,EAAC,wCAAwC,EAC1C,SAAS,EAAC,cAAc,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}
|