@aurora-ds/components 1.7.10 → 1.7.11
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 +9 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +9 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +9 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -5400,6 +5400,12 @@ const Grid = ({ display = 'grid', columns, rows, autoFlow, autoColumns, autoRows
|
|
|
5400
5400
|
};
|
|
5401
5401
|
Grid.displayName = 'Grid';
|
|
5402
5402
|
|
|
5403
|
+
const HEADER_STYLES = createStyles((theme) => ({
|
|
5404
|
+
withBorder: () => ({
|
|
5405
|
+
borderBottom: `1px solid ${theme.colors.borderMain}`,
|
|
5406
|
+
}),
|
|
5407
|
+
}), { id: 'header' });
|
|
5408
|
+
|
|
5403
5409
|
/**
|
|
5404
5410
|
* Semantic `<header>` enriched with the same token-aware style props as `Box`.
|
|
5405
5411
|
*
|
|
@@ -5408,11 +5414,12 @@ Grid.displayName = 'Grid';
|
|
|
5408
5414
|
* `banner` landmark when it is a direct child of `<body>`.
|
|
5409
5415
|
*
|
|
5410
5416
|
* @example <Header padding="md" display="flex" alignItems="center" gap="sm">…</Header>
|
|
5417
|
+
* @example <Header withBorder>…</Header>
|
|
5411
5418
|
*/
|
|
5412
|
-
const Header = ({ ref, style, className, children, ...props }) => {
|
|
5419
|
+
const Header = ({ ref, style, className, children, withBorder = true, ...props }) => {
|
|
5413
5420
|
const { styleProps, restProps } = extractBoxStyleProps(props);
|
|
5414
5421
|
const generatedClassName = BOX_STYLES.root(styleProps);
|
|
5415
|
-
return (jsx("header", { ref: ref, className: cx(generatedClassName, className), style: style, ...restProps, children: children }));
|
|
5422
|
+
return (jsx("header", { ref: ref, className: cx(generatedClassName, withBorder && HEADER_STYLES.withBorder(), className), style: style, ...restProps, children: children }));
|
|
5416
5423
|
};
|
|
5417
5424
|
Header.displayName = 'Header';
|
|
5418
5425
|
|