design-zystem 1.0.249 → 1.0.250
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/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +5 -1
- package/dist/index.mjs +5 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -821,13 +821,15 @@ interface MetricCardProps {
|
|
|
821
821
|
title: string;
|
|
822
822
|
value: string | number;
|
|
823
823
|
valueColor?: string;
|
|
824
|
+
/** Muted secondary text shown right after the value (e.g. "17 pénalités"). */
|
|
825
|
+
subtitle?: string;
|
|
824
826
|
iconBackgroundColor?: string;
|
|
825
827
|
iconColor?: string;
|
|
826
828
|
contentLayout?: 'col' | 'row';
|
|
827
829
|
onClick?: () => void;
|
|
828
830
|
checked?: boolean;
|
|
829
831
|
}
|
|
830
|
-
declare const MetricCard: ({ icon, title, value, valueColor, iconBackgroundColor, iconColor, contentLayout, onClick, checked, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
832
|
+
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, onClick, checked, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
831
833
|
|
|
832
834
|
interface TooltipProps {
|
|
833
835
|
children?: ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -821,13 +821,15 @@ interface MetricCardProps {
|
|
|
821
821
|
title: string;
|
|
822
822
|
value: string | number;
|
|
823
823
|
valueColor?: string;
|
|
824
|
+
/** Muted secondary text shown right after the value (e.g. "17 pénalités"). */
|
|
825
|
+
subtitle?: string;
|
|
824
826
|
iconBackgroundColor?: string;
|
|
825
827
|
iconColor?: string;
|
|
826
828
|
contentLayout?: 'col' | 'row';
|
|
827
829
|
onClick?: () => void;
|
|
828
830
|
checked?: boolean;
|
|
829
831
|
}
|
|
830
|
-
declare const MetricCard: ({ icon, title, value, valueColor, iconBackgroundColor, iconColor, contentLayout, onClick, checked, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
832
|
+
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, onClick, checked, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
831
833
|
|
|
832
834
|
interface TooltipProps {
|
|
833
835
|
children?: ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -4637,6 +4637,7 @@ var MetricCard = ({
|
|
|
4637
4637
|
title,
|
|
4638
4638
|
value,
|
|
4639
4639
|
valueColor,
|
|
4640
|
+
subtitle,
|
|
4640
4641
|
iconBackgroundColor = "blue_50",
|
|
4641
4642
|
iconColor = "blue_950",
|
|
4642
4643
|
contentLayout = "col",
|
|
@@ -4674,7 +4675,10 @@ var MetricCard = ({
|
|
|
4674
4675
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { size: "s", variant: "grey_600", children: title })
|
|
4675
4676
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Col, { gap: "4", children: [
|
|
4676
4677
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { size: "s", variant: "grey_600", children: title }),
|
|
4677
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.
|
|
4678
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Row, { gap: "6", alignItems: "baseline", children: [
|
|
4679
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { size: "s", weight: "bold", variant: valueColor || "grey_600", children: value }),
|
|
4680
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { size: "xs", variant: "grey_600", children: subtitle })
|
|
4681
|
+
] })
|
|
4678
4682
|
] })
|
|
4679
4683
|
] })
|
|
4680
4684
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -4560,6 +4560,7 @@ var MetricCard = ({
|
|
|
4560
4560
|
title,
|
|
4561
4561
|
value,
|
|
4562
4562
|
valueColor,
|
|
4563
|
+
subtitle,
|
|
4563
4564
|
iconBackgroundColor = "blue_50",
|
|
4564
4565
|
iconColor = "blue_950",
|
|
4565
4566
|
contentLayout = "col",
|
|
@@ -4597,7 +4598,10 @@ var MetricCard = ({
|
|
|
4597
4598
|
/* @__PURE__ */ jsx50(Text, { size: "s", variant: "grey_600", children: title })
|
|
4598
4599
|
] }) : /* @__PURE__ */ jsxs25(Col, { gap: "4", children: [
|
|
4599
4600
|
/* @__PURE__ */ jsx50(Text, { size: "s", variant: "grey_600", children: title }),
|
|
4600
|
-
/* @__PURE__ */
|
|
4601
|
+
/* @__PURE__ */ jsxs25(Row, { gap: "6", alignItems: "baseline", children: [
|
|
4602
|
+
/* @__PURE__ */ jsx50(Text, { size: "s", weight: "bold", variant: valueColor || "grey_600", children: value }),
|
|
4603
|
+
subtitle && /* @__PURE__ */ jsx50(Text, { size: "xs", variant: "grey_600", children: subtitle })
|
|
4604
|
+
] })
|
|
4601
4605
|
] })
|
|
4602
4606
|
] })
|
|
4603
4607
|
}
|