@camunda/design-system 0.56.0 → 0.57.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/text-input.d.ts.map +1 -1
- package/dist/carbon-compat/text-input.js +8 -1
- package/dist/carbon-compat/text-input.js.map +1 -1
- package/dist/src/components/ui/alert.d.ts.map +1 -1
- package/dist/src/components/ui/alert.js +24 -7
- package/dist/src/components/ui/alert.js.map +1 -1
- package/dist/src/components/ui/card.js +1 -1
- package/dist/src/components/ui/card.js.map +1 -1
- package/dist/src/components/ui/date-range-picker.d.ts.map +1 -1
- package/dist/src/components/ui/date-range-picker.js +20 -8
- package/dist/src/components/ui/date-range-picker.js.map +1 -1
- package/dist/styles.css +78 -62
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../carbon-compat/text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAElD,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../carbon-compat/text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAElD,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,qBAuGvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -18,7 +18,14 @@ function TextInput(props) {
|
|
|
18
18
|
const generatedId = React.useId();
|
|
19
19
|
const resolvedId = id ?? generatedId;
|
|
20
20
|
const showInvalidText = invalid && invalidText !== undefined;
|
|
21
|
-
|
|
21
|
+
// Matches Carbon's `hasHelperText` (@carbon/react/lib/internal/hasHelperText.js):
|
|
22
|
+
// an empty string is treated the same as `undefined`/`null` — no helper-text
|
|
23
|
+
// row is rendered. `labelText` intentionally keeps the looser `!== undefined`
|
|
24
|
+
// check below since Carbon does not apply this guard to labels.
|
|
25
|
+
const showHelperText = !invalid &&
|
|
26
|
+
helperText !== undefined &&
|
|
27
|
+
helperText !== null &&
|
|
28
|
+
helperText !== "";
|
|
22
29
|
const errorId = showInvalidText ? `${resolvedId}-error-msg` : undefined;
|
|
23
30
|
const helperId = showHelperText ? `${resolvedId}-helper-text` : undefined;
|
|
24
31
|
// A consumer-supplied `aria-errormessage` wins outright rather than being
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../carbon-compat/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKxD,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,UAAU,EACV,SAAS,EACT,EAAE,EACF,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,gBAAgB,CAAC,WAAW,EAAE;QAC5B,SAAS;QACT,aAAa;QACb,MAAM;QACN,KAAK;QACL,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,EAAE,IAAI,WAAW,CAAC;IACrC,MAAM,eAAe,GAAG,OAAO,IAAI,WAAW,KAAK,SAAS,CAAC;IAC7D,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../carbon-compat/text-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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;AAYtB,QAAA,MAAM,aAAa;;
|
|
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;AAYtB,QAAA,MAAM,aAAa;;8EAgBlB,CAAC;AAgCF,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,qBAkFZ;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAe3B;AAGD,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"}
|
|
@@ -10,14 +10,31 @@ import { typographyVariants } from "./typography.js";
|
|
|
10
10
|
// floating surface (bg-popover) after a styling reversal — see toast.specs.ts's
|
|
11
11
|
// Styling contract and docs/superpowers/specs/2026-08-14-toast-design.md's Revision
|
|
12
12
|
// section. No sync obligation between the two files anymore.
|
|
13
|
-
const alertVariants = cva("relative w-full rounded-lg border p-4 text-sm", {
|
|
13
|
+
const alertVariants = cva("relative w-full rounded-lg border p-4 text-sm text-neutral-foreground-strong", {
|
|
14
14
|
variants: {
|
|
15
15
|
variant: {
|
|
16
|
-
default: "border-border bg-background
|
|
17
|
-
info: "border-info-border-subtle bg-info-background-subtle
|
|
18
|
-
success: "border-success-border-subtle bg-success-background-subtle
|
|
19
|
-
warning: "border-warning-border-subtle bg-warning-background-subtle
|
|
20
|
-
destructive: "border-danger-border-subtle bg-danger-background-subtle
|
|
16
|
+
default: "border-border bg-background",
|
|
17
|
+
info: "border-info-border-subtle bg-info-background-subtle",
|
|
18
|
+
success: "border-success-border-subtle bg-success-background-subtle",
|
|
19
|
+
warning: "border-warning-border-subtle bg-warning-background-subtle",
|
|
20
|
+
destructive: "border-danger-border-subtle bg-danger-background-subtle",
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: {
|
|
24
|
+
variant: "default",
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
// The icon is the only element carrying status color — the root's text is
|
|
28
|
+
// neutral on every variant, so this scale cannot be dropped in favour of
|
|
29
|
+
// inheritance.
|
|
30
|
+
const alertIconVariants = cva("h-4 w-4", {
|
|
31
|
+
variants: {
|
|
32
|
+
variant: {
|
|
33
|
+
default: "text-neutral-foreground-strong",
|
|
34
|
+
info: "text-info-foreground-strong",
|
|
35
|
+
success: "text-success-foreground-strong",
|
|
36
|
+
warning: "text-warning-foreground-strong",
|
|
37
|
+
destructive: "text-danger-foreground-strong",
|
|
21
38
|
},
|
|
22
39
|
},
|
|
23
40
|
defaultVariants: {
|
|
@@ -47,7 +64,7 @@ function Alert({ ref, className, variant = "default", title, description, icon,
|
|
|
47
64
|
: (DEFAULT_ICONS[variant ?? "default"] ?? null);
|
|
48
65
|
const hasIcon = resolvedIcon !== null;
|
|
49
66
|
const IconComponent = resolvedIcon;
|
|
50
|
-
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 items-start gap-3", children: [hasIcon && IconComponent !== null && (_jsx("div", { className: "mt-0.5 shrink-0", children: _jsx(IconComponent, { className:
|
|
67
|
+
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 items-start gap-3", children: [hasIcon && IconComponent !== null && (_jsx("div", { className: "mt-0.5 shrink-0", children: _jsx(IconComponent, { className: alertIconVariants({ variant }), "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 &&
|
|
51
68
|
(title != null || description != null ? (_jsx("div", { className: "mt-3", children: 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" }) }) }))] }) }));
|
|
52
69
|
}
|
|
53
70
|
// ── Slot sub-components (escape hatch for custom layouts) ──────────────────
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/ui/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,aAAa,EACb,CAAC,GAEF,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,8EAA8E;AAE9E,+EAA+E;AAC/E,gFAAgF;AAChF,oFAAoF;AACpF,6DAA6D;AAC7D,MAAM,aAAa,GAAG,GAAG,CAAC
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/ui/alert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ function CardContent({ className, ...props }) {
|
|
|
33
33
|
return (_jsx("div", { "data-slot": "card-content", className: cn("px-4 group-data-[size=sm]/card:px-3", className), ...props }));
|
|
34
34
|
}
|
|
35
35
|
function CardFooter({ className, ...props }) {
|
|
36
|
-
return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center rounded-b-xl border-t
|
|
36
|
+
return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center rounded-b-xl border-t px-4 py-2 group-data-[size=sm]/card:px-3 group-data-[size=sm]/card:py-1.5", className), ...props }));
|
|
37
37
|
}
|
|
38
38
|
export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
|
|
39
39
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACkD;IAC1D,OAAO,CACL,2BACY,MAAM,eACL,IAAI,EACf,SAAS,EAAE,EAAE,CACX,8WAA8W,EAC9W,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,oSAAoS,EACpS,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACoD;IAC5D,OAAO,CACL,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE;QACX,qEAAqE;QACrE,gEAAgE;QAChE,kEAAkE;QAClE,iEAAiE;QACjE,+CAA+C;QAC/C,SAAS;QACT,wEAAwE;QACxE,uEAAuE;QACvE,oDAAoD;QACpD,kBAAkB,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAC7C,mCAAmC,EACnC,SAAS,CACV,KACG,KAAK,YAET,gBAAM,SAAS,EAAC,2CAA2C,aACzD,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,EACnD,OAAO,IAAI,IAAI,IAAI,CAClB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4IAA4I,gBAC3I,kBAAkB,YAE7B,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,GAAG,GACtB,GACM,EACjB,KAAC,cAAc,cAAE,OAAO,GAAkB,IAClC,CACX,IACI,GACH,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,KAC3D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACkD;IAC1D,OAAO,CACL,2BACY,MAAM,eACL,IAAI,EACf,SAAS,EAAE,EAAE,CACX,8WAA8W,EAC9W,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,oSAAoS,EACpS,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACoD;IAC5D,OAAO,CACL,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE;QACX,qEAAqE;QACrE,gEAAgE;QAChE,kEAAkE;QAClE,iEAAiE;QACjE,+CAA+C;QAC/C,SAAS;QACT,wEAAwE;QACxE,uEAAuE;QACvE,oDAAoD;QACpD,kBAAkB,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAC7C,mCAAmC,EACnC,SAAS,CACV,KACG,KAAK,YAET,gBAAM,SAAS,EAAC,2CAA2C,aACzD,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,EACnD,OAAO,IAAI,IAAI,IAAI,CAClB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4IAA4I,gBAC3I,kBAAkB,YAE7B,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,GAAG,GACtB,GACM,EACjB,KAAC,cAAc,cAAE,OAAO,GAAkB,IAClC,CACX,IACI,GACH,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,KAC3D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,mHAAmH,EACnH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmC,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AASlD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AA2JF,QAAA,MAAM,eAAe,6GAEpB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
import { format as formatDate } from "date-fns";
|
|
4
|
+
import { format as formatDate, isSameDay } from "date-fns";
|
|
5
5
|
import { CalendarIcon, XIcon } from "../../icons/lucide.js";
|
|
6
6
|
import { cn } from "../../lib/utils.js";
|
|
7
7
|
import { withRef } from "../../lib/with-ref.js";
|
|
@@ -14,15 +14,27 @@ function DateRangePickerImpl({ ref, value, defaultValue, onChange, placeholder =
|
|
|
14
14
|
const isControlled = value !== undefined;
|
|
15
15
|
const selected = isControlled ? value : internalValue;
|
|
16
16
|
const showClear = Boolean(selected?.from) && !disabled;
|
|
17
|
-
const handleSelect = (range) => {
|
|
17
|
+
const handleSelect = (range, triggerDate) => {
|
|
18
|
+
// `min={1}` below makes react-day-picker's `addToRange` clear the whole
|
|
19
|
+
// selection (rather than commit a one-day range) when the second click
|
|
20
|
+
// lands on the same day as `from` — it has no `min`/`required` combo that
|
|
21
|
+
// produces `{from, to: from}` (see issue #593). Detect that exact case
|
|
22
|
+
// via `triggerDate` (react-day-picker's range `onSelect` always passes
|
|
23
|
+
// the clicked day, even when it computed a clear) and override it.
|
|
24
|
+
const nextRange = !range &&
|
|
25
|
+
selected?.from &&
|
|
26
|
+
!selected?.to &&
|
|
27
|
+
isSameDay(selected.from, triggerDate)
|
|
28
|
+
? { from: selected.from, to: triggerDate }
|
|
29
|
+
: range;
|
|
18
30
|
if (!isControlled) {
|
|
19
|
-
setInternalValue(
|
|
31
|
+
setInternalValue(nextRange);
|
|
20
32
|
}
|
|
21
|
-
onChange?.(
|
|
33
|
+
onChange?.(nextRange);
|
|
22
34
|
// Human-confirmed dismissal rule: auto-close the instant both ends are
|
|
23
35
|
// set (mirrors DatePicker's single-select auto-close). A `from`-only
|
|
24
36
|
// selection keeps the popover open so the user can pick the end date.
|
|
25
|
-
if (
|
|
37
|
+
if (nextRange?.from && nextRange?.to) {
|
|
26
38
|
setOpen(false);
|
|
27
39
|
}
|
|
28
40
|
};
|
|
@@ -60,9 +72,9 @@ function DateRangePickerImpl({ ref, value, defaultValue, onChange, placeholder =
|
|
|
60
72
|
// completion rule below before the user ever picks a second day.
|
|
61
73
|
// `min={1}` forces a genuine two-click flow: first click sets
|
|
62
74
|
// `from` only (partial, popover stays open); re-clicking that
|
|
63
|
-
// same day
|
|
64
|
-
//
|
|
65
|
-
//
|
|
75
|
+
// same day would otherwise clear the selection instead of
|
|
76
|
+
// forming a one-day range — `handleSelect` above overrides that
|
|
77
|
+
// specific case to commit `{from, to: from}` (issue #593).
|
|
66
78
|
min: 1, autoFocus: true }) })] }), showClear && (_jsx("button", { type: "button", onClick: handleClear, "aria-label": "Clear date range", className: "absolute top-1/2 right-2 inline-flex size-7 -translate-y-1/2 items-center justify-center rounded-sm text-neutral-foreground-subtle hover:text-neutral-foreground-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(XIcon, { className: "size-4", "aria-hidden": "true" }) }))] }));
|
|
67
79
|
}
|
|
68
80
|
const DateRangePicker = withRef(DateRangePickerImpl);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAe,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker.tsx"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -33,23 +33,26 @@
|
|
|
33
33
|
--color-teal-500: oklch(70.4% 0.14 182.503);
|
|
34
34
|
--color-cyan-400: oklch(78.9% 0.154 211.53);
|
|
35
35
|
--color-cyan-600: oklch(60.9% 0.126 221.723);
|
|
36
|
+
--color-sky-50: oklch(97.7% 0.013 236.62);
|
|
37
|
+
--color-sky-100: oklch(95.1% 0.026 236.824);
|
|
38
|
+
--color-sky-200: oklch(90.1% 0.058 230.902);
|
|
39
|
+
--color-sky-300: oklch(82.8% 0.111 230.318);
|
|
36
40
|
--color-sky-400: oklch(74.6% 0.16 232.661);
|
|
37
41
|
--color-sky-500: oklch(68.5% 0.169 237.323);
|
|
38
42
|
--color-sky-600: oklch(58.8% 0.158 241.966);
|
|
39
43
|
--color-sky-700: oklch(50% 0.134 242.749);
|
|
40
44
|
--color-sky-800: oklch(44.3% 0.11 240.79);
|
|
41
45
|
--color-sky-900: oklch(39.1% 0.09 240.876);
|
|
42
|
-
--color-blue-50: oklch(97% 0.014 254.604);
|
|
43
|
-
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
44
|
-
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
45
|
-
--color-blue-300: oklch(80.9% 0.105 251.813);
|
|
46
|
-
--color-blue-400: oklch(70.7% 0.165 254.624);
|
|
47
46
|
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
48
|
-
--color-
|
|
49
|
-
--color-
|
|
50
|
-
--color-
|
|
51
|
-
--color-blue-900: oklch(37.9% 0.146 265.522);
|
|
47
|
+
--color-indigo-50: oklch(96.2% 0.018 272.314);
|
|
48
|
+
--color-indigo-100: oklch(93% 0.034 272.788);
|
|
49
|
+
--color-indigo-200: oklch(87% 0.065 274.039);
|
|
52
50
|
--color-indigo-400: oklch(67.3% 0.182 276.935);
|
|
51
|
+
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
|
52
|
+
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
|
53
|
+
--color-indigo-700: oklch(45.7% 0.24 277.023);
|
|
54
|
+
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
|
55
|
+
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
|
53
56
|
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
54
57
|
--color-fuchsia-500: oklch(66.7% 0.295 322.15);
|
|
55
58
|
--color-fuchsia-600: oklch(59.1% 0.293 322.896);
|
|
@@ -2292,12 +2295,12 @@
|
|
|
2292
2295
|
.group-data-\[size\=sm\]\/card\:-mb-3:is(:where(.group\/card)[data-size="sm"] *) {
|
|
2293
2296
|
margin-bottom: calc(var(--spacing) * -3);
|
|
2294
2297
|
}
|
|
2295
|
-
.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size="sm"] *) {
|
|
2296
|
-
padding: calc(var(--spacing) * 3);
|
|
2297
|
-
}
|
|
2298
2298
|
.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size="sm"] *) {
|
|
2299
2299
|
padding-inline: calc(var(--spacing) * 3);
|
|
2300
2300
|
}
|
|
2301
|
+
.group-data-\[size\=sm\]\/card\:py-1\.5:is(:where(.group\/card)[data-size="sm"] *) {
|
|
2302
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
2303
|
+
}
|
|
2301
2304
|
.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
|
|
2302
2305
|
font-size: var(--text-sm);
|
|
2303
2306
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
@@ -3565,7 +3568,7 @@
|
|
|
3565
3568
|
--input: var(--color-zinc-300);
|
|
3566
3569
|
--input-background: var(--color-white);
|
|
3567
3570
|
--switch-background: var(--color-zinc-300);
|
|
3568
|
-
--ring: var(--
|
|
3571
|
+
--ring: var(--accent-foreground-subtle);
|
|
3569
3572
|
--neutral-action-default: var(--color-zinc-700);
|
|
3570
3573
|
--neutral-action-hover: var(--color-zinc-800);
|
|
3571
3574
|
--neutral-action-active: var(--color-zinc-900);
|
|
@@ -3625,24 +3628,28 @@
|
|
|
3625
3628
|
--primary-foreground-strong: var(--color-zinc-900);
|
|
3626
3629
|
--primary-border-subtle: var(--color-zinc-200);
|
|
3627
3630
|
--primary-border-strong: var(--color-zinc-400);
|
|
3628
|
-
--accent-action-default: var(--color-
|
|
3629
|
-
--accent-action-hover: var(--color-
|
|
3630
|
-
--accent-action-active: var(--color-
|
|
3631
|
-
--accent-action-disabled:
|
|
3631
|
+
--accent-action-default: var(--color-indigo-700);
|
|
3632
|
+
--accent-action-hover: var(--color-indigo-800);
|
|
3633
|
+
--accent-action-active: var(--color-indigo-900);
|
|
3634
|
+
--accent-action-disabled: color-mix(
|
|
3635
|
+
in srgb,
|
|
3636
|
+
oklch(45.7% 0.24 277.023) 38%,
|
|
3637
|
+
transparent
|
|
3638
|
+
);
|
|
3632
3639
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3633
3640
|
--accent-action-disabled: color-mix(
|
|
3634
3641
|
in srgb,
|
|
3635
|
-
var(--color-
|
|
3642
|
+
var(--color-indigo-700) 38%,
|
|
3636
3643
|
transparent
|
|
3637
3644
|
);
|
|
3638
3645
|
}
|
|
3639
|
-
--accent-action-foreground: var(--color-
|
|
3640
|
-
--accent-background-subtle: var(--color-
|
|
3641
|
-
--accent-background-strong: var(--color-
|
|
3642
|
-
--accent-foreground-subtle: var(--color-
|
|
3643
|
-
--accent-foreground-strong: var(--color-
|
|
3644
|
-
--accent-border-subtle: var(--color-
|
|
3645
|
-
--accent-border-strong: var(--color-
|
|
3646
|
+
--accent-action-foreground: var(--color-white);
|
|
3647
|
+
--accent-background-subtle: var(--color-indigo-50);
|
|
3648
|
+
--accent-background-strong: var(--color-indigo-100);
|
|
3649
|
+
--accent-foreground-subtle: var(--color-indigo-700);
|
|
3650
|
+
--accent-foreground-strong: var(--color-indigo-900);
|
|
3651
|
+
--accent-border-subtle: var(--color-indigo-200);
|
|
3652
|
+
--accent-border-strong: var(--color-indigo-400);
|
|
3646
3653
|
--warning-action-default: var(--color-amber-600);
|
|
3647
3654
|
--warning-action-hover: var(--color-amber-700);
|
|
3648
3655
|
--warning-action-active: var(--color-amber-800);
|
|
@@ -3724,13 +3731,13 @@
|
|
|
3724
3731
|
transparent
|
|
3725
3732
|
);
|
|
3726
3733
|
}
|
|
3727
|
-
--info-action-foreground: var(--color-
|
|
3728
|
-
--info-background-subtle: var(--color-
|
|
3729
|
-
--info-background-strong: var(--color-
|
|
3730
|
-
--info-foreground-subtle: var(--color-
|
|
3731
|
-
--info-foreground-strong: var(--color-
|
|
3732
|
-
--info-border-subtle: var(--color-
|
|
3733
|
-
--info-border-strong: var(--color-
|
|
3734
|
+
--info-action-foreground: var(--color-sky-50);
|
|
3735
|
+
--info-background-subtle: var(--color-sky-50);
|
|
3736
|
+
--info-background-strong: var(--color-sky-100);
|
|
3737
|
+
--info-foreground-subtle: var(--color-sky-700);
|
|
3738
|
+
--info-foreground-strong: var(--color-sky-900);
|
|
3739
|
+
--info-border-subtle: var(--color-sky-200);
|
|
3740
|
+
--info-border-strong: var(--color-sky-400);
|
|
3734
3741
|
--overlay: color-mix(in srgb, #000 10%, transparent);
|
|
3735
3742
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3736
3743
|
--overlay: color-mix(in srgb, var(--color-black) 10%, transparent);
|
|
@@ -3740,7 +3747,6 @@
|
|
|
3740
3747
|
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
|
|
3741
3748
|
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
3742
3749
|
--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05);
|
|
3743
|
-
--shadow-glow: 0 0 0 1px rgba(252, 93, 13, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
|
|
3744
3750
|
--chart-sky: var(--color-sky-600);
|
|
3745
3751
|
--chart-teal: var(--color-teal-500);
|
|
3746
3752
|
--chart-orange: var(--color-orange-600);
|
|
@@ -3765,7 +3771,6 @@
|
|
|
3765
3771
|
--input: var(--color-zinc-400);
|
|
3766
3772
|
--input-background: var(--color-zinc-900);
|
|
3767
3773
|
--switch-background: var(--color-zinc-700);
|
|
3768
|
-
--ring: var(--color-sky-400);
|
|
3769
3774
|
--neutral-action-default: var(--color-zinc-700);
|
|
3770
3775
|
--neutral-action-hover: var(--color-zinc-800);
|
|
3771
3776
|
--neutral-action-active: var(--color-zinc-900);
|
|
@@ -3811,38 +3816,50 @@
|
|
|
3811
3816
|
--primary-foreground-strong: var(--color-white);
|
|
3812
3817
|
--primary-border-subtle: var(--color-zinc-300);
|
|
3813
3818
|
--primary-border-strong: var(--color-zinc-500);
|
|
3814
|
-
--accent-action-default: var(--color-
|
|
3815
|
-
--accent-action-hover: var(--color-
|
|
3816
|
-
--accent-action-active: var(--color-
|
|
3817
|
-
--accent-action-disabled:
|
|
3819
|
+
--accent-action-default: var(--color-indigo-700);
|
|
3820
|
+
--accent-action-hover: var(--color-indigo-800);
|
|
3821
|
+
--accent-action-active: var(--color-indigo-900);
|
|
3822
|
+
--accent-action-disabled: color-mix(
|
|
3823
|
+
in srgb,
|
|
3824
|
+
oklch(45.7% 0.24 277.023) 38%,
|
|
3825
|
+
transparent
|
|
3826
|
+
);
|
|
3818
3827
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3819
3828
|
--accent-action-disabled: color-mix(
|
|
3820
3829
|
in srgb,
|
|
3821
|
-
var(--color-
|
|
3830
|
+
var(--color-indigo-700) 38%,
|
|
3822
3831
|
transparent
|
|
3823
3832
|
);
|
|
3824
3833
|
}
|
|
3825
3834
|
--accent-action-foreground: var(--color-white);
|
|
3826
|
-
--accent-background-subtle:
|
|
3835
|
+
--accent-background-subtle: color-mix(
|
|
3836
|
+
in srgb,
|
|
3837
|
+
oklch(58.5% 0.233 277.117) 14%,
|
|
3838
|
+
oklch(21% 0.006 285.885)
|
|
3839
|
+
);
|
|
3827
3840
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3828
3841
|
--accent-background-subtle: color-mix(
|
|
3829
3842
|
in srgb,
|
|
3830
|
-
var(--color-
|
|
3843
|
+
var(--color-indigo-500) 14%,
|
|
3831
3844
|
var(--color-zinc-900)
|
|
3832
3845
|
);
|
|
3833
3846
|
}
|
|
3834
|
-
--accent-background-strong:
|
|
3847
|
+
--accent-background-strong: color-mix(
|
|
3848
|
+
in srgb,
|
|
3849
|
+
oklch(58.5% 0.233 277.117) 22%,
|
|
3850
|
+
oklch(27.4% 0.006 286.033)
|
|
3851
|
+
);
|
|
3835
3852
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3836
3853
|
--accent-background-strong: color-mix(
|
|
3837
3854
|
in srgb,
|
|
3838
|
-
var(--color-
|
|
3855
|
+
var(--color-indigo-500) 22%,
|
|
3839
3856
|
var(--color-zinc-800)
|
|
3840
3857
|
);
|
|
3841
3858
|
}
|
|
3842
|
-
--accent-foreground-subtle: var(--color-
|
|
3843
|
-
--accent-foreground-strong: var(--color-
|
|
3844
|
-
--accent-border-subtle: var(--color-
|
|
3845
|
-
--accent-border-strong: var(--color-
|
|
3859
|
+
--accent-foreground-subtle: var(--color-indigo-400);
|
|
3860
|
+
--accent-foreground-strong: var(--color-indigo-200);
|
|
3861
|
+
--accent-border-subtle: var(--color-indigo-800);
|
|
3862
|
+
--accent-border-strong: var(--color-indigo-600);
|
|
3846
3863
|
--warning-action-default: var(--color-amber-600);
|
|
3847
3864
|
--warning-action-hover: var(--color-amber-700);
|
|
3848
3865
|
--warning-action-active: var(--color-amber-800);
|
|
@@ -3859,11 +3876,11 @@
|
|
|
3859
3876
|
);
|
|
3860
3877
|
}
|
|
3861
3878
|
--warning-action-foreground: var(--color-white);
|
|
3862
|
-
--warning-background-subtle: var(--color-amber-
|
|
3863
|
-
--warning-background-strong: var(--color-amber-
|
|
3879
|
+
--warning-background-subtle: var(--color-amber-800);
|
|
3880
|
+
--warning-background-strong: var(--color-amber-700);
|
|
3864
3881
|
--warning-foreground-subtle: var(--color-amber-400);
|
|
3865
3882
|
--warning-foreground-strong: var(--color-amber-200);
|
|
3866
|
-
--warning-border-subtle: var(--color-amber-
|
|
3883
|
+
--warning-border-subtle: var(--color-amber-700);
|
|
3867
3884
|
--warning-border-strong: var(--color-amber-600);
|
|
3868
3885
|
--danger-action-default: var(--color-rose-900);
|
|
3869
3886
|
--danger-action-hover: var(--color-rose-800);
|
|
@@ -3909,28 +3926,28 @@
|
|
|
3909
3926
|
--success-foreground-strong: var(--color-emerald-200);
|
|
3910
3927
|
--success-border-subtle: var(--color-emerald-800);
|
|
3911
3928
|
--success-border-strong: var(--color-emerald-600);
|
|
3912
|
-
--info-action-default: var(--color-
|
|
3913
|
-
--info-action-hover: var(--color-
|
|
3914
|
-
--info-action-active: var(--color-
|
|
3929
|
+
--info-action-default: var(--color-sky-400);
|
|
3930
|
+
--info-action-hover: var(--color-sky-600);
|
|
3931
|
+
--info-action-active: var(--color-sky-700);
|
|
3915
3932
|
--info-action-disabled: color-mix(
|
|
3916
3933
|
in srgb,
|
|
3917
|
-
oklch(
|
|
3934
|
+
oklch(58.8% 0.158 241.966) 38%,
|
|
3918
3935
|
transparent
|
|
3919
3936
|
);
|
|
3920
3937
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3921
3938
|
--info-action-disabled: color-mix(
|
|
3922
3939
|
in srgb,
|
|
3923
|
-
var(--color-
|
|
3940
|
+
var(--color-sky-600) 38%,
|
|
3924
3941
|
transparent
|
|
3925
3942
|
);
|
|
3926
3943
|
}
|
|
3927
3944
|
--info-action-foreground: var(--color-white);
|
|
3928
|
-
--info-background-subtle: var(--color-
|
|
3929
|
-
--info-background-strong: var(--color-
|
|
3930
|
-
--info-foreground-subtle: var(--color-
|
|
3931
|
-
--info-foreground-strong: var(--color-
|
|
3932
|
-
--info-border-subtle: var(--color-
|
|
3933
|
-
--info-border-strong: var(--color-
|
|
3945
|
+
--info-background-subtle: var(--color-sky-900);
|
|
3946
|
+
--info-background-strong: var(--color-sky-800);
|
|
3947
|
+
--info-foreground-subtle: var(--color-sky-300);
|
|
3948
|
+
--info-foreground-strong: var(--color-sky-200);
|
|
3949
|
+
--info-border-subtle: var(--color-sky-800);
|
|
3950
|
+
--info-border-strong: var(--color-sky-600);
|
|
3934
3951
|
--overlay: color-mix(in srgb, #000 40%, transparent);
|
|
3935
3952
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3936
3953
|
--overlay: color-mix(in srgb, var(--color-black) 40%, transparent);
|
|
@@ -3940,7 +3957,6 @@
|
|
|
3940
3957
|
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
3941
3958
|
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
3942
3959
|
--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.55), 0 4px 16px rgba(0, 0, 0, 0.3);
|
|
3943
|
-
--shadow-glow: 0 0 0 1px rgba(252, 93, 13, 0.25), 0 2px 8px rgba(0, 0, 0, 0.3);
|
|
3944
3960
|
--chart-sky: var(--color-sky-500);
|
|
3945
3961
|
--chart-teal: var(--color-teal-400);
|
|
3946
3962
|
--chart-orange: var(--color-orange-600);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@camunda/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.57.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": {
|