@aurora-ds/components 0.22.3 → 0.22.4
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/components/layout/card/Card.props.d.ts +3 -0
- package/dist/cjs/index.js +4 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/layout/card/Card.props.d.ts +3 -0
- package/dist/esm/index.js +4 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -11,6 +11,8 @@ export type CardProps = {
|
|
|
11
11
|
width?: CSSProperties['width'];
|
|
12
12
|
/** Height of the card */
|
|
13
13
|
height?: CSSProperties['height'];
|
|
14
|
+
/** Maximum height of the card */
|
|
15
|
+
maxHeight?: CSSProperties['maxHeight'];
|
|
14
16
|
/** Gap between children (theme spacing key) */
|
|
15
17
|
gap?: keyof ThemeContract['spacing'];
|
|
16
18
|
/** Border radius of the card */
|
|
@@ -55,6 +57,7 @@ export type CardStyleParams = {
|
|
|
55
57
|
padding?: keyof ThemeContract['spacing'];
|
|
56
58
|
width?: CSSProperties['width'];
|
|
57
59
|
height?: CSSProperties['height'];
|
|
60
|
+
maxHeight?: CSSProperties['maxHeight'];
|
|
58
61
|
gap?: keyof ThemeContract['spacing'];
|
|
59
62
|
radius: keyof ThemeContract['radius'];
|
|
60
63
|
shadow: keyof ThemeContract['shadows'];
|
package/dist/cjs/index.js
CHANGED
|
@@ -2039,12 +2039,13 @@ Box.displayName = 'Box';
|
|
|
2039
2039
|
* Card styles using createStyles from @aurora-ds/theme
|
|
2040
2040
|
*/
|
|
2041
2041
|
const CARD_STYLES = theme.createStyles((theme) => ({
|
|
2042
|
-
root: ({ direction, padding, width, height, gap, radius, shadow, align, justify, backgroundColor, borderColor }) => ({
|
|
2042
|
+
root: ({ direction, padding, width, height, maxHeight, gap, radius, shadow, align, justify, backgroundColor, borderColor }) => ({
|
|
2043
2043
|
display: 'flex',
|
|
2044
2044
|
flexDirection: direction,
|
|
2045
2045
|
padding: padding ? theme.spacing[padding] : undefined,
|
|
2046
2046
|
width,
|
|
2047
2047
|
height,
|
|
2048
|
+
maxHeight,
|
|
2048
2049
|
gap: gap ? theme.spacing[gap] : undefined,
|
|
2049
2050
|
borderRadius: theme.radius[radius],
|
|
2050
2051
|
boxShadow: theme.shadows[shadow],
|
|
@@ -2068,12 +2069,13 @@ const CARD_STYLES = theme.createStyles((theme) => ({
|
|
|
2068
2069
|
* - `column`: Vertical layout (default)
|
|
2069
2070
|
* - `row`: Horizontal layout
|
|
2070
2071
|
*/
|
|
2071
|
-
const Card = ({ children, direction = 'column', padding = 'md', width, height, gap, radius = 'md', shadow = 'none', align, justify, backgroundColor = 'surface', borderColor = 'border', ariaLabel, ariaLabelledBy, ariaDescribedBy, role, tabIndex, onDragOver, onDragLeave, onDrop, onDragStart, onDragEnd, onDragEnter, draggable, }) => {
|
|
2072
|
+
const Card = ({ children, direction = 'column', padding = 'md', width, height, maxHeight, gap, radius = 'md', shadow = 'none', align, justify, backgroundColor = 'surface', borderColor = 'border', ariaLabel, ariaLabelledBy, ariaDescribedBy, role, tabIndex, onDragOver, onDragLeave, onDrop, onDragStart, onDragEnd, onDragEnter, draggable, }) => {
|
|
2072
2073
|
return (jsxRuntime.jsx("div", { className: CARD_STYLES.root({
|
|
2073
2074
|
direction,
|
|
2074
2075
|
padding,
|
|
2075
2076
|
width,
|
|
2076
2077
|
height,
|
|
2078
|
+
maxHeight,
|
|
2077
2079
|
gap,
|
|
2078
2080
|
radius,
|
|
2079
2081
|
shadow,
|