design-zystem 1.0.280 → 1.0.281
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 +7 -3
- package/dist/index.d.ts +7 -3
- package/dist/index.js +3 -2
- package/dist/index.mjs +3 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -887,8 +887,10 @@ declare const Popover: ({ items, children, anchorRef, offsetY, align, fullWidth,
|
|
|
887
887
|
|
|
888
888
|
interface MetricCardProps {
|
|
889
889
|
icon: string;
|
|
890
|
-
|
|
891
|
-
|
|
890
|
+
/** Optionnel quand children est fourni. */
|
|
891
|
+
title?: string;
|
|
892
|
+
/** Optionnel quand children est fourni. */
|
|
893
|
+
value?: string | number;
|
|
892
894
|
valueColor?: string;
|
|
893
895
|
/** Muted secondary text shown right after the value (e.g. "17 pénalités"). */
|
|
894
896
|
subtitle?: string;
|
|
@@ -897,8 +899,10 @@ interface MetricCardProps {
|
|
|
897
899
|
contentLayout?: 'col' | 'row';
|
|
898
900
|
onClick?: () => void;
|
|
899
901
|
checked?: boolean;
|
|
902
|
+
/** Contenu libre à droite de l'icône. Remplace title/value quand fourni. */
|
|
903
|
+
children?: ReactNode;
|
|
900
904
|
}
|
|
901
|
-
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, onClick, checked, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
905
|
+
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, onClick, checked, children, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
902
906
|
|
|
903
907
|
interface CardProps {
|
|
904
908
|
children?: ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -887,8 +887,10 @@ declare const Popover: ({ items, children, anchorRef, offsetY, align, fullWidth,
|
|
|
887
887
|
|
|
888
888
|
interface MetricCardProps {
|
|
889
889
|
icon: string;
|
|
890
|
-
|
|
891
|
-
|
|
890
|
+
/** Optionnel quand children est fourni. */
|
|
891
|
+
title?: string;
|
|
892
|
+
/** Optionnel quand children est fourni. */
|
|
893
|
+
value?: string | number;
|
|
892
894
|
valueColor?: string;
|
|
893
895
|
/** Muted secondary text shown right after the value (e.g. "17 pénalités"). */
|
|
894
896
|
subtitle?: string;
|
|
@@ -897,8 +899,10 @@ interface MetricCardProps {
|
|
|
897
899
|
contentLayout?: 'col' | 'row';
|
|
898
900
|
onClick?: () => void;
|
|
899
901
|
checked?: boolean;
|
|
902
|
+
/** Contenu libre à droite de l'icône. Remplace title/value quand fourni. */
|
|
903
|
+
children?: ReactNode;
|
|
900
904
|
}
|
|
901
|
-
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, onClick, checked, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
905
|
+
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, onClick, checked, children, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
902
906
|
|
|
903
907
|
interface CardProps {
|
|
904
908
|
children?: ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -5135,7 +5135,8 @@ var MetricCard = ({
|
|
|
5135
5135
|
iconColor = "blue_950",
|
|
5136
5136
|
contentLayout = "col",
|
|
5137
5137
|
onClick,
|
|
5138
|
-
checked = false
|
|
5138
|
+
checked = false,
|
|
5139
|
+
children
|
|
5139
5140
|
}) => {
|
|
5140
5141
|
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5141
5142
|
Box,
|
|
@@ -5163,7 +5164,7 @@ var MetricCard = ({
|
|
|
5163
5164
|
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: icon, size: "m", color: iconColor, family: "regular" })
|
|
5164
5165
|
}
|
|
5165
5166
|
),
|
|
5166
|
-
contentLayout === "row" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Row, { gap: "6", alignItems: "center", children: [
|
|
5167
|
+
children ? children : contentLayout === "row" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Row, { gap: "6", alignItems: "center", children: [
|
|
5167
5168
|
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text, { size: "s", weight: "bold", variant: valueColor || "grey_600", children: value }),
|
|
5168
5169
|
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text, { size: "s", variant: "grey_600", children: title })
|
|
5169
5170
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Col, { gap: "4", children: [
|
package/dist/index.mjs
CHANGED
|
@@ -5016,7 +5016,8 @@ var MetricCard = ({
|
|
|
5016
5016
|
iconColor = "blue_950",
|
|
5017
5017
|
contentLayout = "col",
|
|
5018
5018
|
onClick,
|
|
5019
|
-
checked = false
|
|
5019
|
+
checked = false,
|
|
5020
|
+
children
|
|
5020
5021
|
}) => {
|
|
5021
5022
|
return /* @__PURE__ */ jsx52(
|
|
5022
5023
|
Box,
|
|
@@ -5044,7 +5045,7 @@ var MetricCard = ({
|
|
|
5044
5045
|
children: /* @__PURE__ */ jsx52(Icon, { name: icon, size: "m", color: iconColor, family: "regular" })
|
|
5045
5046
|
}
|
|
5046
5047
|
),
|
|
5047
|
-
contentLayout === "row" ? /* @__PURE__ */ jsxs27(Row, { gap: "6", alignItems: "center", children: [
|
|
5048
|
+
children ? children : contentLayout === "row" ? /* @__PURE__ */ jsxs27(Row, { gap: "6", alignItems: "center", children: [
|
|
5048
5049
|
/* @__PURE__ */ jsx52(Text, { size: "s", weight: "bold", variant: valueColor || "grey_600", children: value }),
|
|
5049
5050
|
/* @__PURE__ */ jsx52(Text, { size: "s", variant: "grey_600", children: title })
|
|
5050
5051
|
] }) : /* @__PURE__ */ jsxs27(Col, { gap: "4", children: [
|