@aurora-ds/components 1.1.4 → 1.1.5

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/cjs/index.js CHANGED
@@ -2292,13 +2292,13 @@ const CARD_VARIANTS = theme.createVariants((theme) => ({
2292
2292
  defaultVariants: { variant: 'elevated' },
2293
2293
  }), { id: 'card' });
2294
2294
 
2295
- const CardHeader = ({ label, icon, actions }) => {
2296
- return (jsxRuntime.jsxs(Stack, { alignItems: 'center', justifyContent: 'space-between', gap: 'sm', py: 'sm', px: 'md', children: [jsxRuntime.jsxs(Stack, { alignItems: 'center', gap: 'sm', flex: 1, minWidth: '0', children: [icon !== undefined && (jsxRuntime.jsx(Icon, { icon: icon, size: 'md', strokeColor: 'textSecondary' })), jsxRuntime.jsx(Text, { variant: 'span', fontSize: 'sm', fontWeight: 'semibold', color: 'textPrimary', children: label })] }), actions !== undefined && (jsxRuntime.jsx(Stack, { alignItems: 'center', gap: 'xs', flexShrink: 0, children: actions }))] }));
2295
+ const CardHeader = ({ label, icon, actions, flexDirection = 'row', gap = 'sm', alignItems = 'center', justifyContent = 'space-between', py = 'sm', px = 'md', ...rest }) => {
2296
+ return (jsxRuntime.jsxs(Stack, { flexDirection: flexDirection, alignItems: alignItems, justifyContent: justifyContent, gap: gap, py: py, px: px, ...rest, children: [jsxRuntime.jsxs(Stack, { alignItems: 'center', gap: 'sm', flex: 1, minWidth: '0', children: [icon !== undefined && (jsxRuntime.jsx(Icon, { icon: icon, size: 'md', strokeColor: 'textSecondary' })), jsxRuntime.jsx(Text, { variant: 'span', fontSize: 'sm', fontWeight: 'semibold', color: 'textPrimary', children: label })] }), actions !== undefined && (jsxRuntime.jsx(Stack, { alignItems: 'center', gap: 'xs', flexShrink: 0, children: actions }))] }));
2297
2297
  };
2298
2298
  CardHeader.displayName = 'Card.Header';
2299
2299
 
2300
- const CardBody = ({ children, py = 'md', px = 'md', }) => {
2301
- return (jsxRuntime.jsx(Box, { py: py, px: px, children: children }));
2300
+ const CardBody = ({ children, py = 'md', px = 'md', flexDirection = 'column', gap = 'sm', ...rest }) => {
2301
+ return (jsxRuntime.jsx(Stack, { flexDirection: flexDirection, gap: gap, py: py, px: px, ...rest, children: children }));
2302
2302
  };
2303
2303
  CardBody.displayName = 'Card.Body';
2304
2304