@up42/up-components 4.13.0 → 4.14.0
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 +2 -2
- package/dist/cjs/types/components/Banner/Banner.d.ts +16 -0
- package/dist/cjs/types/components/FeatureCard/FeatureCard.d.ts +3 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/types/components/Banner/Banner.d.ts +16 -0
- package/dist/esm/types/components/FeatureCard/FeatureCard.d.ts +3 -2
- package/dist/index.d.ts +18 -2
- package/package.json +1 -1
|
@@ -23,6 +23,14 @@ export type BannerProps = {
|
|
|
23
23
|
*/
|
|
24
24
|
onDismiss?: ButtonProps['onClick'];
|
|
25
25
|
title: string;
|
|
26
|
+
/**
|
|
27
|
+
* The size(height) of the banner.
|
|
28
|
+
* - 'default': Standard banner height.
|
|
29
|
+
* - 'slim': Reduced height, intended for use only with the 'inline' variant.
|
|
30
|
+
*
|
|
31
|
+
* Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
|
|
32
|
+
*/
|
|
33
|
+
size?: 'default' | 'slim';
|
|
26
34
|
} & Omit<AlertProps, 'title' | 'closeText' | 'icon' | 'role' | 'onClose'>;
|
|
27
35
|
/**
|
|
28
36
|
* Documentation: https://up-components.up42.com/?path=/docs/feedback-banner--docs
|
|
@@ -49,4 +57,12 @@ export declare const Banner: React.ForwardRefExoticComponent<Omit<{
|
|
|
49
57
|
*/
|
|
50
58
|
onDismiss?: ButtonProps['onClick'];
|
|
51
59
|
title: string;
|
|
60
|
+
/**
|
|
61
|
+
* The size(height) of the banner.
|
|
62
|
+
* - 'default': Standard banner height.
|
|
63
|
+
* - 'slim': Reduced height, intended for use only with the 'inline' variant.
|
|
64
|
+
*
|
|
65
|
+
* Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
|
|
66
|
+
*/
|
|
67
|
+
size?: "default" | "slim" | undefined;
|
|
52
68
|
} & Omit<AlertProps, "title" | "role" | "onClose" | "closeText" | "icon">, "ref"> & React.RefAttributes<unknown>>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { CardProps } from '@mui/material';
|
|
3
|
+
import { BannerProps } from '../Banner/Banner';
|
|
3
4
|
export type FeatureCardProps = CardProps & {
|
|
4
|
-
|
|
5
|
+
bannerProps?: Omit<BannerProps, 'title' | 'variant'>;
|
|
5
6
|
header?: {
|
|
6
7
|
title: ReactNode;
|
|
7
8
|
actions?: ReactNode;
|
|
@@ -27,4 +28,4 @@ export type FeatureCardProps = CardProps & {
|
|
|
27
28
|
*/
|
|
28
29
|
hovered?: boolean;
|
|
29
30
|
};
|
|
30
|
-
export declare const FeatureCard: ({ children, header, footer,
|
|
31
|
+
export declare const FeatureCard: ({ children, header, footer, bannerProps, isSelectable, selected, isHoverable, hovered, ...props }: FeatureCardProps) => React.JSX.Element;
|