design-zystem 1.0.296 → 1.0.297
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 +2 -0
- package/dist/index.mjs +2 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -976,12 +976,14 @@ interface MetricCardProps {
|
|
|
976
976
|
iconBackgroundColor?: string;
|
|
977
977
|
iconColor?: string;
|
|
978
978
|
contentLayout?: 'col' | 'row';
|
|
979
|
+
/** Cross-axis alignment of the card itself. `alignSelf="stretch"` makes a row of cards share the height of the tallest one — a Box is `align-self: center` by default. */
|
|
980
|
+
alignSelf?: string;
|
|
979
981
|
onClick?: () => void;
|
|
980
982
|
checked?: boolean;
|
|
981
983
|
/** Contenu libre à droite de l'icône. Remplace title/value quand fourni. */
|
|
982
984
|
children?: ReactNode;
|
|
983
985
|
}
|
|
984
|
-
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, onClick, checked, children, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
986
|
+
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, alignSelf, onClick, checked, children, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
985
987
|
|
|
986
988
|
interface CardProps {
|
|
987
989
|
children?: ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -976,12 +976,14 @@ interface MetricCardProps {
|
|
|
976
976
|
iconBackgroundColor?: string;
|
|
977
977
|
iconColor?: string;
|
|
978
978
|
contentLayout?: 'col' | 'row';
|
|
979
|
+
/** Cross-axis alignment of the card itself. `alignSelf="stretch"` makes a row of cards share the height of the tallest one — a Box is `align-self: center` by default. */
|
|
980
|
+
alignSelf?: string;
|
|
979
981
|
onClick?: () => void;
|
|
980
982
|
checked?: boolean;
|
|
981
983
|
/** Contenu libre à droite de l'icône. Remplace title/value quand fourni. */
|
|
982
984
|
children?: ReactNode;
|
|
983
985
|
}
|
|
984
|
-
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, onClick, checked, children, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
986
|
+
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, alignSelf, onClick, checked, children, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
985
987
|
|
|
986
988
|
interface CardProps {
|
|
987
989
|
children?: ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -5324,6 +5324,7 @@ var MetricCard = ({
|
|
|
5324
5324
|
iconBackgroundColor = "blue_50",
|
|
5325
5325
|
iconColor = "blue_950",
|
|
5326
5326
|
contentLayout = "col",
|
|
5327
|
+
alignSelf,
|
|
5327
5328
|
onClick,
|
|
5328
5329
|
checked = false,
|
|
5329
5330
|
children
|
|
@@ -5333,6 +5334,7 @@ var MetricCard = ({
|
|
|
5333
5334
|
{
|
|
5334
5335
|
padding: "16px",
|
|
5335
5336
|
borderRadius: "6px",
|
|
5337
|
+
alignSelf,
|
|
5336
5338
|
style: {
|
|
5337
5339
|
flex: 1,
|
|
5338
5340
|
border: checked ? `1px solid ${colors.blue_950}` : void 0,
|
package/dist/index.mjs
CHANGED
|
@@ -5203,6 +5203,7 @@ var MetricCard = ({
|
|
|
5203
5203
|
iconBackgroundColor = "blue_50",
|
|
5204
5204
|
iconColor = "blue_950",
|
|
5205
5205
|
contentLayout = "col",
|
|
5206
|
+
alignSelf,
|
|
5206
5207
|
onClick,
|
|
5207
5208
|
checked = false,
|
|
5208
5209
|
children
|
|
@@ -5212,6 +5213,7 @@ var MetricCard = ({
|
|
|
5212
5213
|
{
|
|
5213
5214
|
padding: "16px",
|
|
5214
5215
|
borderRadius: "6px",
|
|
5216
|
+
alignSelf,
|
|
5215
5217
|
style: {
|
|
5216
5218
|
flex: 1,
|
|
5217
5219
|
border: checked ? `1px solid ${colors.blue_950}` : void 0,
|