@camunda/design-system 0.8.0 → 0.10.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/button.d.ts +1 -1
- package/dist/src/components/ui/button.d.ts.map +1 -1
- package/dist/src/components/ui/button.js +3 -1
- package/dist/src/components/ui/button.js.map +1 -1
- package/dist/src/components/ui/c4-provider.d.ts +3 -2
- package/dist/src/components/ui/c4-provider.d.ts.map +1 -1
- package/dist/src/components/ui/c4-provider.js +3 -11
- package/dist/src/components/ui/c4-provider.js.map +1 -1
- package/dist/src/components/ui/command.d.ts +3 -2
- package/dist/src/components/ui/command.d.ts.map +1 -1
- package/dist/src/components/ui/command.js +3 -1
- package/dist/src/components/ui/command.js.map +1 -1
- package/dist/src/components/ui/empty-state.d.ts +1 -1
- package/dist/src/components/ui/empty-state.d.ts.map +1 -1
- package/dist/src/components/ui/empty-state.js +3 -1
- package/dist/src/components/ui/empty-state.js.map +1 -1
- package/dist/src/components/ui/page-layout.d.ts +2 -8
- package/dist/src/components/ui/page-layout.d.ts.map +1 -1
- package/dist/src/components/ui/page-layout.js +5 -2
- package/dist/src/components/ui/page-layout.js.map +1 -1
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +2 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/lib/with-ref.d.ts +15 -0
- package/dist/src/lib/with-ref.d.ts.map +1 -0
- package/dist/src/lib/with-ref.js +18 -0
- package/dist/src/lib/with-ref.js.map +1 -0
- package/dist/styles.css +33 -0
- package/package.json +1 -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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"}
|
|
@@ -7,6 +7,6 @@ declare const buttonVariants: (props?: ({
|
|
|
7
7
|
type ButtonProps = React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
8
8
|
asChild?: boolean;
|
|
9
9
|
};
|
|
10
|
-
declare
|
|
10
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
11
|
export { Button, buttonVariants };
|
|
12
12
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,cAAc;;;8EAmCnB,CAAC;AAEF,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/C,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAgCJ,QAAA,MAAM,MAAM,oGAAsD,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -3,6 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import { Slot } from "radix-ui";
|
|
5
5
|
import { cn } from "../../lib/utils.js";
|
|
6
|
+
import { withRef } from "../../lib/with-ref.js";
|
|
6
7
|
const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger-action-default aria-invalid:ring-3 aria-invalid:ring-danger-action-default/20 dark:aria-invalid:border-danger-action-default/50 dark:aria-invalid:ring-danger-action-default/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
7
8
|
variants: {
|
|
8
9
|
variant: {
|
|
@@ -29,7 +30,7 @@ const buttonVariants = cva("group/button inline-flex shrink-0 items-center justi
|
|
|
29
30
|
size: "default",
|
|
30
31
|
},
|
|
31
32
|
});
|
|
32
|
-
function
|
|
33
|
+
function ButtonImpl({ ref, className, variant = "default", size = "default", asChild = false, type, ...props }) {
|
|
33
34
|
const Comp = asChild ? Slot.Root : "button";
|
|
34
35
|
// Default native <button> to type="button" so it never triggers an
|
|
35
36
|
// accidental form submit when placed inside a <form> (Dialog, Popover,
|
|
@@ -39,5 +40,6 @@ function Button({ ref, className, variant = "default", size = "default", asChild
|
|
|
39
40
|
const resolvedType = asChild ? type : (type ?? "button");
|
|
40
41
|
return (_jsx(Comp, { ref: ref, type: resolvedType, "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
|
|
41
42
|
}
|
|
43
|
+
const Button = withRef(ButtonImpl);
|
|
42
44
|
export { Button, buttonVariants };
|
|
43
45
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,cAAc,GAAG,GAAG,CACxB,ooBAAooB,EACpoB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,4JAA4J;YAC9J,OAAO,EACL,wPAAwP;YAC1P,SAAS,EACP,oPAAoP;YACtP,KAAK,EACH,wLAAwL;YAC1L,WAAW,EACT,8RAA8R;YAChS,IAAI,EAAE,6DAA6D;SACpE;QACD,IAAI,EAAE;YACJ,OAAO,EACL,sFAAsF;YACxF,EAAE,EAAE,0KAA0K;YAC9K,EAAE,EAAE,0KAA0K;YAC9K,EAAE,EAAE,uFAAuF;YAC3F,IAAI,EAAE,QAAQ;YACd,SAAS,EACP,oFAAoF;YACtF,SAAS,EAAE,+CAA+C;YAC1D,SAAS,EAAE,SAAS;SACrB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAOF,SAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,GAAG,KAAK,EACI;IACZ,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5C,mEAAmE;IACnE,uEAAuE;IACvE,yEAAyE;IACzE,0EAA0E;IAC1E,mBAAmB;IACnB,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,eACR,QAAQ,kBACJ,OAAO,eACV,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,OAAO,CAAiC,UAAU,CAAC,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -9,10 +9,11 @@ import * as React from "react";
|
|
|
9
9
|
* root provider and wrap themselves in `.dark` when needed so token vars
|
|
10
10
|
* and `dark:` utilities resolve outside the React tree.
|
|
11
11
|
*/
|
|
12
|
-
|
|
12
|
+
type C4ProviderProps = {
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
ref?: React.Ref<HTMLDivElement>;
|
|
15
15
|
theme?: "light" | "dark";
|
|
16
|
-
}
|
|
16
|
+
};
|
|
17
|
+
declare const C4Provider: React.ForwardRefExoticComponent<Omit<C4ProviderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
18
|
export { C4Provider };
|
|
18
19
|
//# sourceMappingURL=c4-provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"c4-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/c4-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"c4-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/c4-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;;;;;;;;GASG;AACH,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B,CAAC;AAkDF,QAAA,MAAM,UAAU,qGAA2D,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
import { withRef } from "../../lib/with-ref.js";
|
|
3
4
|
/**
|
|
4
5
|
* Propagates light/dark from the app-root C4Provider to nested instances
|
|
5
6
|
* (Dialog, DropdownMenu, Select, etc.) that portal to document.body.
|
|
@@ -12,17 +13,7 @@ function resolveRootDark() {
|
|
|
12
13
|
return false;
|
|
13
14
|
return document.documentElement.classList.contains("dark");
|
|
14
15
|
}
|
|
15
|
-
|
|
16
|
-
* Scopes all c4-components CSS (design tokens, base resets) to its subtree.
|
|
17
|
-
* Wrap your shadcn component tree with this to avoid polluting the host app's styles.
|
|
18
|
-
*
|
|
19
|
-
* Uses `display: contents` so it has no effect on layout.
|
|
20
|
-
*
|
|
21
|
-
* Nested providers (inside portaled overlays) inherit color mode from the
|
|
22
|
-
* root provider and wrap themselves in `.dark` when needed so token vars
|
|
23
|
-
* and `dark:` utilities resolve outside the React tree.
|
|
24
|
-
*/
|
|
25
|
-
function C4Provider({ ref, children, theme, }) {
|
|
16
|
+
function C4ProviderImpl({ ref, children, theme }) {
|
|
26
17
|
const inheritedDark = React.useContext(C4ThemeContext);
|
|
27
18
|
const isRoot = inheritedDark === undefined;
|
|
28
19
|
const containerRef = React.useRef(null);
|
|
@@ -58,5 +49,6 @@ function C4Provider({ ref, children, theme, }) {
|
|
|
58
49
|
const scope = (_jsx("div", { ref: setRef, className: "c4-ui contents", "data-c4-scope": "", children: children }));
|
|
59
50
|
return (_jsx(C4ThemeContext.Provider, { value: isDark, children: isDark && !isRoot ? _jsx("div", { className: "dark", children: scope }) : scope }));
|
|
60
51
|
}
|
|
52
|
+
const C4Provider = withRef(C4ProviderImpl);
|
|
61
53
|
export { C4Provider };
|
|
62
54
|
//# sourceMappingURL=c4-provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"c4-provider.js","sourceRoot":"","sources":["../../../../src/components/ui/c4-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"c4-provider.js","sourceRoot":"","sources":["../../../../src/components/ui/c4-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB,SAAS,CAAC,CAAC;AAE3E,SAAS,eAAe;IACtB,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAClD,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC7D,CAAC;AAkBD,SAAS,cAAc,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAmB;IAC/D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,aAAa,KAAK,SAAS,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QAClD,IAAI,KAAK,KAAK,MAAM;YAAE,OAAO,IAAI,CAAC;QAClC,IAAI,KAAK,KAAK,OAAO;YAAE,OAAO,KAAK,CAAC;QACpC,IAAI,CAAC,MAAM;YAAE,OAAO,aAAa,CAAC;QAClC,OAAO,eAAe,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,CAAC,MAAM,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAC3C,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC;QACnD,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,eAAe,EAAE,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpB,MAAM,MAAM,GACV,KAAK,KAAK,MAAM;QACd,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,KAAK,OAAO;YACjB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,MAAM;gBACN,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,aAAa,CAAC;IAExB,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,IAA2B,EAAE,EAAE;QAC9B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC;aACpC,IAAI,GAAG;YAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACnC,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,KAAK,GAAG,CACZ,cAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB,mBAAe,EAAE,YAC1D,QAAQ,GACL,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACnC,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,KAAK,GACxC,CAC3B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,OAAO,CAAkC,cAAc,CAAC,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Command as CommandPrimitive } from "cmdk";
|
|
3
3
|
declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
|
|
4
|
-
|
|
4
|
+
type CommandInputProps = Omit<React.ComponentProps<typeof CommandPrimitive.Input>, "ref"> & {
|
|
5
5
|
ref?: React.Ref<HTMLDivElement>;
|
|
6
|
-
}
|
|
6
|
+
};
|
|
7
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<CommandInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
8
|
declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
|
|
8
9
|
declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
|
|
9
10
|
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAMnD,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,qBAW/C;AAED,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,EACnD,KAAK,CACN,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AA0BF,QAAA,MAAM,YAAY,uGAEjB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAWpD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,qBAWrD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,qBAWrD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,qBAQzD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAWpD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW9B;AAED,OAAO,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,CAAC"}
|
|
@@ -4,13 +4,15 @@ import * as React from "react";
|
|
|
4
4
|
import { Command as CommandPrimitive } from "cmdk";
|
|
5
5
|
import { SearchIcon } from "lucide-react";
|
|
6
6
|
import { cn } from "../../lib/utils.js";
|
|
7
|
+
import { withRef } from "../../lib/with-ref.js";
|
|
7
8
|
function Command({ className, ...props }) {
|
|
8
9
|
return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground", className), ...props }));
|
|
9
10
|
}
|
|
10
11
|
// ref targets the wrapper <div>, not the inner input — typed accordingly.
|
|
11
|
-
function
|
|
12
|
+
function CommandInputImpl({ ref, className, ...props }) {
|
|
12
13
|
return (_jsxs("div", { ref: ref, "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-1.5 border-b px-2.5", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 text-neutral-foreground-subtle", "aria-hidden": "true" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("flex h-9 w-full rounded-md bg-transparent py-2 text-sm outline-hidden placeholder:text-neutral-foreground-subtle disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
|
|
13
14
|
}
|
|
15
|
+
const CommandInput = withRef(CommandInputImpl);
|
|
14
16
|
function CommandList({ className, ...props }) {
|
|
15
17
|
return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto", className), ...props }));
|
|
16
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,SAAS,OAAO,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACsC;IAC9C,OAAO,CACL,KAAC,gBAAgB,iBACL,SAAS,EACnB,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AASD,0EAA0E;AAC1E,SAAS,gBAAgB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB;IACvE,OAAO,CACL,eACE,GAAG,EAAE,GAAG,eACE,uBAAuB,EACjC,SAAS,EAAC,+CAA+C,aAEzD,KAAC,UAAU,IACT,SAAS,EAAC,gDAAgD,iBAC9C,MAAM,GAClB,EACF,KAAC,gBAAgB,CAAC,KAAK,iBACX,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,kKAAkK,EAClK,SAAS,CACV,KACG,KAAK,GACT,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,OAAO,CAC1B,gBAAgB,CACjB,CAAC;AAEF,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACL,KAAC,gBAAgB,CAAC,IAAI,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACL,KAAC,gBAAgB,CAAC,KAAK,iBACX,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACL,KAAC,gBAAgB,CAAC,KAAK,iBACX,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,yOAAyO,EACzO,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,gBAAgB,CAAC,SAAS,iBACf,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACL,KAAC,gBAAgB,CAAC,IAAI,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,2ZAA2Z,EAC3Z,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,4BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,CAAC"}
|
|
@@ -13,6 +13,6 @@ type EmptyStateProps = {
|
|
|
13
13
|
className?: string;
|
|
14
14
|
ref?: React.Ref<HTMLDivElement>;
|
|
15
15
|
} & VariantProps<typeof emptyStateVariants>;
|
|
16
|
-
declare
|
|
16
|
+
declare const EmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export { EmptyState, type EmptyStateProps };
|
|
18
18
|
//# sourceMappingURL=empty-state.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAyCH,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAmD5C,QAAA,MAAM,UAAU,qGAA2D,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
import { withRef } from "../../lib/with-ref.js";
|
|
5
6
|
const emptyStateVariants = cva("flex flex-col items-center gap-4 text-center", {
|
|
6
7
|
variants: {
|
|
7
8
|
size: {
|
|
@@ -46,10 +47,11 @@ const headingVariants = cva("font-semibold", {
|
|
|
46
47
|
size: "default",
|
|
47
48
|
},
|
|
48
49
|
});
|
|
49
|
-
function
|
|
50
|
+
function EmptyStateImpl({ heading, headingLevel = 2, description, icon, action, secondaryAction, size = "default", className, ref, }) {
|
|
50
51
|
const headingEl = React.createElement(`h${headingLevel}`, { className: headingVariants({ size }) }, heading);
|
|
51
52
|
const hasActions = action != null || secondaryAction != null;
|
|
52
53
|
return (_jsxs("div", { ref: ref, "data-slot": "empty-state", className: cn(emptyStateVariants({ size }), className), children: [icon != null && (_jsx("div", { className: cn(iconContainerVariants({ size }), iconVariants({ size })), children: icon })), headingEl, description != null && (_jsx("p", { className: "text-sm text-muted-foreground max-w-xs", children: description })), hasActions && (_jsxs("div", { className: "flex flex-col items-center gap-2", children: [action, secondaryAction] }))] }));
|
|
53
54
|
}
|
|
55
|
+
const EmptyState = withRef(EmptyStateImpl);
|
|
54
56
|
export { EmptyState };
|
|
55
57
|
//# sourceMappingURL=empty-state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/ui/empty-state.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;
|
|
1
|
+
{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/ui/empty-state.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,MAAM,kBAAkB,GAAG,GAAG,CAAC,8CAA8C,EAAE;IAC7E,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,OAAO;YAChB,EAAE,EAAE,MAAM;SACX;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,GAAG,CAC/B,wDAAwD,EACxD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,WAAW;YACpB,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,uBAAuB,EAAE;IAChD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,yBAAyB;YAClC,EAAE,EAAE,yBAAyB;SAC9B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,CAAC,eAAe,EAAE;IAC3C,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,WAAW;YACpB,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAaH,SAAS,cAAc,CAAC,EACtB,OAAO,EACP,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,IAAI,EACJ,MAAM,EACN,eAAe,EACf,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,GAAG,GACa;IAChB,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CACnC,IAAI,YAAY,EAAE,EAClB,EAAE,SAAS,EAAE,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EACxC,OAAO,CACR,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,IAAI,IAAI,IAAI,eAAe,IAAI,IAAI,CAAC;IAE7D,OAAO,CACL,eACE,GAAG,EAAE,GAAG,eACE,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,aAErD,IAAI,IAAI,IAAI,IAAI,CACf,cACE,SAAS,EAAE,EAAE,CACX,qBAAqB,CAAC,EAAE,IAAI,EAAE,CAAC,EAC/B,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,CACvB,YAEA,IAAI,GACD,CACP,EACA,SAAS,EACT,WAAW,IAAI,IAAI,IAAI,CACtB,YAAG,SAAS,EAAC,wCAAwC,YAAE,WAAW,GAAK,CACxE,EACA,UAAU,IAAI,CACb,eAAK,SAAS,EAAC,kCAAkC,aAC9C,MAAM,EACN,eAAe,IACZ,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,OAAO,CAAkC,cAAc,CAAC,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAwB,CAAC"}
|
|
@@ -6,10 +6,7 @@ declare const pageLayoutVariants: (props?: ({
|
|
|
6
6
|
type PageLayoutProps = React.ComponentProps<"main"> & VariantProps<typeof pageLayoutVariants> & {
|
|
7
7
|
separator?: boolean;
|
|
8
8
|
};
|
|
9
|
-
declare
|
|
10
|
-
declare namespace PageLayout {
|
|
11
|
-
var displayName: string;
|
|
12
|
-
}
|
|
9
|
+
declare const PageLayout: React.ForwardRefExoticComponent<Omit<PageLayoutProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
13
10
|
type PageHeaderProps = React.ComponentProps<"header"> & {
|
|
14
11
|
title: string;
|
|
15
12
|
description?: string;
|
|
@@ -18,10 +15,7 @@ type PageHeaderProps = React.ComponentProps<"header"> & {
|
|
|
18
15
|
breadcrumb?: React.ReactNode;
|
|
19
16
|
tabs?: React.ReactNode;
|
|
20
17
|
};
|
|
21
|
-
declare
|
|
22
|
-
declare namespace PageHeader {
|
|
23
|
-
var displayName: string;
|
|
24
|
-
}
|
|
18
|
+
declare const PageHeader: React.ForwardRefExoticComponent<Omit<PageHeaderProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
25
19
|
export { PageLayout, PageHeader };
|
|
26
20
|
export type { PageLayoutProps, PageHeaderProps };
|
|
27
21
|
//# sourceMappingURL=page-layout.d.ts.map
|
|
@@ -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;
|
|
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,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACjD,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA0DJ,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;AAiDF,QAAA,MAAM,UAAU,kGAAwD,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
import { withRef } from "../../lib/with-ref.js";
|
|
5
6
|
import { Separator } from "./separator.js";
|
|
6
7
|
// ---------------------------------------------------------------------------
|
|
7
8
|
// PageLayout
|
|
@@ -17,7 +18,7 @@ const pageLayoutVariants = cva("flex flex-col min-h-0 flex-1 bg-background text-
|
|
|
17
18
|
padding: "default",
|
|
18
19
|
},
|
|
19
20
|
});
|
|
20
|
-
function
|
|
21
|
+
function PageLayoutImpl({ id = "main-content", padding, separator = false, className, children, ref, ...props }) {
|
|
21
22
|
const childArray = React.Children.toArray(children);
|
|
22
23
|
if (!separator) {
|
|
23
24
|
return (_jsx("main", { "data-slot": "page-layout", id: id, className: cn(pageLayoutVariants({ padding }), className), ref: ref, ...props, children: children }));
|
|
@@ -28,10 +29,12 @@ function PageLayout({ id = "main-content", padding, separator = false, className
|
|
|
28
29
|
const content = firstPageHeaderIndex === -1 ? (children) : (_jsxs(_Fragment, { children: [childArray.slice(0, firstPageHeaderIndex + 1), _jsx(Separator, {}), childArray.slice(firstPageHeaderIndex + 1)] }));
|
|
29
30
|
return (_jsx("main", { "data-slot": "page-layout", id: id, className: cn(pageLayoutVariants({ padding }), className), ref: ref, ...props, children: content }));
|
|
30
31
|
}
|
|
32
|
+
const PageLayout = withRef(PageLayoutImpl);
|
|
31
33
|
PageLayout.displayName = "PageLayout";
|
|
32
|
-
function
|
|
34
|
+
function PageHeaderImpl({ title, description, tag, actions, breadcrumb, tabs, className, ref, ...props }) {
|
|
33
35
|
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 })] }));
|
|
34
36
|
}
|
|
37
|
+
const PageHeader = withRef(PageHeaderImpl);
|
|
35
38
|
PageHeader.displayName = "PageHeader";
|
|
36
39
|
export { PageLayout, PageHeader };
|
|
37
40
|
//# sourceMappingURL=page-layout.js.map
|
|
@@ -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,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;AAOF,SAAS,
|
|
1
|
+
{"version":3,"file":"page-layout.js","sourceRoot":"","sources":["../../../../src/components/ui/page-layout.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
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";
|
|
3
4
|
export { CamundaLogo } from "./components/ui/camunda-logo.js";
|
|
@@ -45,5 +46,6 @@ export { useMediaQuery } from "./hooks/use-media-query.js";
|
|
|
45
46
|
export { useIsMobile } from "./hooks/use-is-mobile.js";
|
|
46
47
|
export { useTheme, useResolvedTheme, type ResolvedTheme, type ThemePreference, type UseThemeResult, } from "./hooks/use-theme.js";
|
|
47
48
|
export { cn } from "./lib/utils.js";
|
|
49
|
+
export { withRef } from "./lib/with-ref.js";
|
|
48
50
|
export { camundaIcons, type IconKey, type RegistryEntry, registry, } from "./icons/index.js";
|
|
49
51
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
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,3 +1,4 @@
|
|
|
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";
|
|
3
4
|
export { CamundaLogo } from "./components/ui/camunda-logo.js";
|
|
@@ -43,5 +44,6 @@ export { useMediaQuery } from "./hooks/use-media-query.js";
|
|
|
43
44
|
export { useIsMobile } from "./hooks/use-is-mobile.js";
|
|
44
45
|
export { useTheme, useResolvedTheme, } from "./hooks/use-theme.js";
|
|
45
46
|
export { cn } from "./lib/utils.js";
|
|
47
|
+
export { withRef } from "./lib/with-ref.js";
|
|
46
48
|
export { camundaIcons, registry, } from "./icons/index.js";
|
|
47
49
|
//# sourceMappingURL=index.js.map
|
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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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Bridges React 19 ref-as-prop components with React 18 forwardRef consumers.
|
|
4
|
+
*
|
|
5
|
+
* DS components are authored with ref as a regular prop (React 19 native).
|
|
6
|
+
* This wrapper re-exports them via React.forwardRef so that React 18
|
|
7
|
+
* consumers (Hub) can pass refs and have them arrive correctly.
|
|
8
|
+
*
|
|
9
|
+
* In React 19 both patterns work. Drop this file once all consumers
|
|
10
|
+
* have migrated to React 19.
|
|
11
|
+
*/
|
|
12
|
+
export declare function withRef<T, P extends {
|
|
13
|
+
ref?: React.Ref<T>;
|
|
14
|
+
}>(Component: (props: P) => React.ReactNode): React.ForwardRefExoticComponent<Omit<P, "ref"> & React.RefAttributes<T>>;
|
|
15
|
+
//# sourceMappingURL=with-ref.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-ref.d.ts","sourceRoot":"","sources":["../../../src/lib/with-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,EACzD,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,GACvC,KAAK,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAS1E"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Bridges React 19 ref-as-prop components with React 18 forwardRef consumers.
|
|
4
|
+
*
|
|
5
|
+
* DS components are authored with ref as a regular prop (React 19 native).
|
|
6
|
+
* This wrapper re-exports them via React.forwardRef so that React 18
|
|
7
|
+
* consumers (Hub) can pass refs and have them arrive correctly.
|
|
8
|
+
*
|
|
9
|
+
* In React 19 both patterns work. Drop this file once all consumers
|
|
10
|
+
* have migrated to React 19.
|
|
11
|
+
*/
|
|
12
|
+
export function withRef(Component) {
|
|
13
|
+
const Forwarded = React.forwardRef((props, ref) => Component({ ...props, ref }));
|
|
14
|
+
Forwarded.displayName =
|
|
15
|
+
Component.displayName ?? Component.name;
|
|
16
|
+
return Forwarded;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=with-ref.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-ref.js","sourceRoot":"","sources":["../../../src/lib/with-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,MAAM,UAAU,OAAO,CACrB,SAAwC;IAExC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CACnE,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAkB,CAAC,CAC7C,CAAC;IACF,SAAS,CAAC,WAAW;QAClB,SAAsC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,CAAC;IACxE,OAAO,SAEN,CAAC;AACJ,CAAC"}
|
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.10.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": {
|