design-zystem 1.0.214 → 1.0.215
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 +7 -2
- package/dist/index.mjs +7 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -687,8 +687,10 @@ interface MetricCardProps {
|
|
|
687
687
|
iconBackgroundColor?: string;
|
|
688
688
|
iconColor?: string;
|
|
689
689
|
contentLayout?: 'col' | 'row';
|
|
690
|
+
onClick?: () => void;
|
|
691
|
+
checked?: boolean;
|
|
690
692
|
}
|
|
691
|
-
declare const MetricCard: ({ icon, title, value, valueColor, iconBackgroundColor, iconColor, contentLayout, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
693
|
+
declare const MetricCard: ({ icon, title, value, valueColor, iconBackgroundColor, iconColor, contentLayout, onClick, checked, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
692
694
|
|
|
693
695
|
interface TooltipProps {
|
|
694
696
|
children?: ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -687,8 +687,10 @@ interface MetricCardProps {
|
|
|
687
687
|
iconBackgroundColor?: string;
|
|
688
688
|
iconColor?: string;
|
|
689
689
|
contentLayout?: 'col' | 'row';
|
|
690
|
+
onClick?: () => void;
|
|
691
|
+
checked?: boolean;
|
|
690
692
|
}
|
|
691
|
-
declare const MetricCard: ({ icon, title, value, valueColor, iconBackgroundColor, iconColor, contentLayout, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
693
|
+
declare const MetricCard: ({ icon, title, value, valueColor, iconBackgroundColor, iconColor, contentLayout, onClick, checked, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
692
694
|
|
|
693
695
|
interface TooltipProps {
|
|
694
696
|
children?: ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -4387,7 +4387,9 @@ var MetricCard = ({
|
|
|
4387
4387
|
valueColor,
|
|
4388
4388
|
iconBackgroundColor = "blue_50",
|
|
4389
4389
|
iconColor = "blue_950",
|
|
4390
|
-
contentLayout = "col"
|
|
4390
|
+
contentLayout = "col",
|
|
4391
|
+
onClick,
|
|
4392
|
+
checked = false
|
|
4391
4393
|
}) => {
|
|
4392
4394
|
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
4393
4395
|
Box,
|
|
@@ -4395,8 +4397,11 @@ var MetricCard = ({
|
|
|
4395
4397
|
padding: "16px",
|
|
4396
4398
|
borderRadius: "6px",
|
|
4397
4399
|
style: {
|
|
4398
|
-
flex: 1
|
|
4400
|
+
flex: 1,
|
|
4401
|
+
border: checked ? `1px solid ${colors.blue_950}` : void 0,
|
|
4402
|
+
cursor: onClick ? "pointer" : "default"
|
|
4399
4403
|
},
|
|
4404
|
+
onClick,
|
|
4400
4405
|
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Row, { alignItems: "center", gap: "12", fullWidth: true, children: [
|
|
4401
4406
|
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
4402
4407
|
Box,
|
package/dist/index.mjs
CHANGED
|
@@ -4316,7 +4316,9 @@ var MetricCard = ({
|
|
|
4316
4316
|
valueColor,
|
|
4317
4317
|
iconBackgroundColor = "blue_50",
|
|
4318
4318
|
iconColor = "blue_950",
|
|
4319
|
-
contentLayout = "col"
|
|
4319
|
+
contentLayout = "col",
|
|
4320
|
+
onClick,
|
|
4321
|
+
checked = false
|
|
4320
4322
|
}) => {
|
|
4321
4323
|
return /* @__PURE__ */ jsx48(
|
|
4322
4324
|
Box,
|
|
@@ -4324,8 +4326,11 @@ var MetricCard = ({
|
|
|
4324
4326
|
padding: "16px",
|
|
4325
4327
|
borderRadius: "6px",
|
|
4326
4328
|
style: {
|
|
4327
|
-
flex: 1
|
|
4329
|
+
flex: 1,
|
|
4330
|
+
border: checked ? `1px solid ${colors.blue_950}` : void 0,
|
|
4331
|
+
cursor: onClick ? "pointer" : "default"
|
|
4328
4332
|
},
|
|
4333
|
+
onClick,
|
|
4329
4334
|
children: /* @__PURE__ */ jsxs24(Row, { alignItems: "center", gap: "12", fullWidth: true, children: [
|
|
4330
4335
|
/* @__PURE__ */ jsx48(
|
|
4331
4336
|
Box,
|