@utilitywarehouse/hearth-react-native 0.6.0 → 0.8.0

package/build/components/Expandable/Expandable.props.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { ViewProps, ViewStyle } from 'react-native';
+export interface ExpandableProps extends ViewProps {
+    /**
+     * Whether the content is expanded
+     */
+    expanded?: boolean;
+    /**
+     * Callback when expanded state changes
+     */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * The content to expand/collapse
+     */
+    children: ReactNode;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 200
+     */
+    duration?: number;
+    /**
+     * Additional style for the container
+     */
+    style?: ViewStyle;
+    /**
+     * Accessibility label for screen readers
+     */
+    accessibilityLabel?: string;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+    /**
+     * Whether to animate opacity during expansion/collapse
+     * @default true
+     */
+    animateOpacity?: boolean;
+}

package/build/components/Expandable/Expandable.props.js

@@ -0,0 +1 @@
+export {};

package/build/components/Expandable/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Expandable } from './Expandable';
+export type { ExpandableProps } from './Expandable.props';

package/build/components/Expandable/index.js

@@ -0,0 +1 @@
+export { default as Expandable } from './Expandable';

package/build/components/ExpandableCard/ExpandableCard.d.ts

@@ -0,0 +1,6 @@
+import type ExpandableCardProps from './ExpandableCard.props';
+declare const ExpandableCard: {
+    ({ expanded: controlledExpanded, onExpandedChange, heading, helperText, leadingIcon, leadingContent, badge, badgePosition, numericValue, expandedContent, duration, animateOpacity, disabled, testID, children, ...cardProps }: ExpandableCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCard;

package/build/components/ExpandableCard/ExpandableCard.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Card } from '../Card';
+import ExpandableCardExpandedContent from './ExpandableCardExpandedContent';
+import ExpandableCardTrigger from './ExpandableCardTrigger';
+const ExpandableCard = ({ expanded: controlledExpanded, onExpandedChange, heading, helperText, leadingIcon, leadingContent, badge, badgePosition = 'bottom', numericValue, expandedContent, duration = 200, animateOpacity = true, disabled = false, testID = 'expandable-card', children, ...cardProps }) => {
+    const [internalExpanded, setInternalExpanded] = useState(false);
+    // Use controlled or uncontrolled state
+    const isExpanded = controlledExpanded !== undefined ? controlledExpanded : internalExpanded;
+    const handlePress = () => {
+        if (disabled)
+            return;
+        const newExpanded = !isExpanded;
+        if (controlledExpanded === undefined) {
+            setInternalExpanded(newExpanded);
+        }
+        onExpandedChange?.(newExpanded);
+    };
+    const renderDefaultContent = () => (_jsxs(_Fragment, { children: [_jsx(ExpandableCardTrigger, { onPress: handlePress, disabled: disabled, heading: heading, helperText: helperText, leadingIcon: leadingIcon, leadingContent: leadingContent, badge: badge, badgePosition: badgePosition, numericValue: numericValue, isExpanded: isExpanded, testID: `${testID}-trigger` }), _jsx(ExpandableCardExpandedContent, { isExpanded: isExpanded, duration: duration, animateOpacity: animateOpacity, children: expandedContent })] }));
+    return (_jsx(Card, { noPadding: true, ...cardProps, testID: testID, children: children || renderDefaultContent() }));
+};
+ExpandableCard.displayName = 'ExpandableCard';
+export default ExpandableCard;

package/build/components/ExpandableCard/ExpandableCard.props.d.ts

@@ -0,0 +1,69 @@
+import type { ComponentType, ReactNode } from 'react';
+import type BadgeProps from '../Badge/Badge.props';
+import type CardProps from '../Card/Card.props';
+export interface ExpandableCardProps extends Omit<CardProps, 'children'> {
+    /**
+     * Whether the card is expanded
+     */
+    expanded?: boolean;
+    /**
+     * Callback when expanded state changes
+     */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * The heading text displayed in the trigger
+     */
+    heading?: string;
+    /**
+     * Optional helper text displayed below the heading
+     */
+    helperText?: string;
+    /**
+     * Leading icon component
+     */
+    leadingIcon?: ComponentType;
+    /**
+     * Leading content (icon or custom element)
+     */
+    leadingContent?: ReactNode;
+    /**
+     * Badge to display
+     */
+    badge?: BadgeProps;
+    /**
+     * Badge position
+     * @default 'bottom'
+     */
+    badgePosition?: 'top' | 'bottom';
+    /**
+     * Numeric value to display on the right
+     */
+    numericValue?: string | number;
+    /**
+     * The content to show when expanded
+     */
+    expandedContent?: ReactNode;
+    /**
+     * Duration of the expansion animation in milliseconds
+     * @default 200
+     */
+    duration?: number;
+    /**
+     * Whether to animate opacity during expansion
+     * @default true
+     */
+    animateOpacity?: boolean;
+    /**
+     * Whether the card is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+    /**
+     * Custom children for advanced composition
+     */
+    children?: ReactNode;
+}
+export default ExpandableCardProps;

package/build/components/ExpandableCard/ExpandableCard.props.js

@@ -0,0 +1 @@
+export {};

package/build/components/ExpandableCard/ExpandableCardContent.d.ts

@@ -0,0 +1,6 @@
+import { type ViewProps } from 'react-native';
+declare const ExpandableCardContent: {
+    ({ children, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardContent;

package/build/components/ExpandableCard/ExpandableCardContent.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+const ExpandableCardContent = ({ children, ...props }) => {
+    return (_jsx(View, { ...props, style: [styles.container, props.style], children: children }));
+};
+ExpandableCardContent.displayName = 'ExpandableCardContent';
+const styles = StyleSheet.create(theme => ({
+    container: {
+        gap: theme.components.expandableCard.gapVertical,
+        flex: 1,
+    },
+}));
+export default ExpandableCardContent;

package/build/components/ExpandableCard/ExpandableCardExpandedContent.d.ts

@@ -0,0 +1,11 @@
+interface ExpandableCardExpandedContentProps {
+    children: React.ReactNode;
+    isExpanded: boolean;
+    duration?: number;
+    animateOpacity?: boolean;
+}
+declare const ExpandableCardExpandedContent: {
+    ({ children, isExpanded, duration, animateOpacity, }: ExpandableCardExpandedContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardExpandedContent;

package/build/components/ExpandableCard/ExpandableCardExpandedContent.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { Divider } from '../Divider';
+import { Expandable } from '../Expandable';
+const ExpandableCardExpandedContent = ({ children, isExpanded, duration = 200, animateOpacity = true, }) => {
+    return (_jsx(View, { style: styles.container, children: _jsx(Expandable, { expanded: isExpanded, duration: duration, animateOpacity: animateOpacity, children: _jsxs(View, { children: [_jsx(Divider, { space: "none" }), _jsx(View, { style: styles.content, children: children })] }) }) }));
+};
+ExpandableCardExpandedContent.displayName = 'ExpandableCardExpandedContent';
+const styles = StyleSheet.create(theme => ({
+    container: {
+        width: '100%',
+    },
+    content: {
+        padding: theme.components.card.mobile.padding,
+    },
+}));
+export default ExpandableCardExpandedContent;

package/build/components/ExpandableCard/ExpandableCardGroup.d.ts

@@ -0,0 +1,6 @@
+import type ExpandableCardGroupProps from './ExpandableCardGroup.props';
+declare const ExpandableCardGroup: {
+    ({ heading, helperText, headerTrailingContent, children, style, testID, ...props }: ExpandableCardGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardGroup;

package/build/components/ExpandableCard/ExpandableCardGroup.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { SectionHeader } from '../SectionHeader';
+const ExpandableCardGroup = ({ heading, helperText, headerTrailingContent, children, style, testID = 'expandable-card-group', ...props }) => {
+    return (_jsxs(View, { style: [styles.container, style], testID: testID, ...props, children: [heading ? (_jsx(SectionHeader, { heading: heading, helperText: helperText, trailingContent: headerTrailingContent })) : null, _jsx(View, { style: styles.cardsContainer, children: children })] }));
+};
+ExpandableCardGroup.displayName = 'ExpandableCardGroup';
+const styles = StyleSheet.create(theme => ({
+    container: {
+        gap: theme.components.expandableCard.group.gap,
+    },
+    cardsContainer: {
+        gap: theme.components.expandableCard.group.gap,
+    },
+}));
+export default ExpandableCardGroup;

package/build/components/ExpandableCard/ExpandableCardGroup.props.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+export interface ExpandableCardGroupProps extends ViewProps {
+    /**
+     * Section heading
+     */
+    heading?: string;
+    /**
+     * Helper text displayed below the heading
+     */
+    helperText?: string;
+    /**
+     * Trailing content for the header (e.g., a link)
+     */
+    headerTrailingContent?: ReactNode;
+    /**
+     * The ExpandableCard children
+     */
+    children: ReactNode;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+}
+export default ExpandableCardGroupProps;

package/build/components/ExpandableCard/ExpandableCardGroup.props.js

@@ -0,0 +1 @@
+export {};

package/build/components/ExpandableCard/ExpandableCardHelperText.d.ts

@@ -0,0 +1,6 @@
+import { TextProps } from 'react-native';
+declare const ExpandableCardHelperText: {
+    ({ children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardHelperText;

package/build/components/ExpandableCard/ExpandableCardHelperText.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet } from 'react-native-unistyles';
+import { BodyText } from '../BodyText';
+const ExpandableCardHelperText = ({ children, ...props }) => {
+    return (_jsx(BodyText, { size: "md", ...props, style: [styles.text, props.style], children: children }));
+};
+ExpandableCardHelperText.displayName = 'ExpandableCardHelperText';
+const styles = StyleSheet.create(theme => ({
+    text: {
+        color: theme.color.text.secondary,
+    },
+}));
+export default ExpandableCardHelperText;

package/build/components/ExpandableCard/ExpandableCardIcon.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+import { IconProps } from '../Icon';
+declare const ExpandableCardIcon: {
+    ({ children, ...props }: IconProps & {
+        as?: ComponentType;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardIcon;

package/build/components/ExpandableCard/ExpandableCardIcon.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Platform } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { Icon } from '../Icon';
+const ExpandableCardIcon = ({ children, ...props }) => {
+    return (_jsx(Icon, { ...props, style: Platform.OS === 'web'
+            ? // @ts-expect-error - style prop type issue
+                { ...styles.icon, ...props.style }
+            : [styles.icon, props.style], children: children }));
+};
+ExpandableCardIcon.displayName = 'ExpandableCardIcon';
+const styles = StyleSheet.create(theme => ({
+    icon: {
+        color: theme.color.icon.primary,
+        width: 24,
+        height: 24,
+    },
+}));
+export default ExpandableCardIcon;

package/build/components/ExpandableCard/ExpandableCardLeadingContent.d.ts

@@ -0,0 +1,6 @@
+import { type ViewProps } from 'react-native';
+declare const ExpandableCardLeadingContent: {
+    ({ children, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardLeadingContent;

package/build/components/ExpandableCard/ExpandableCardLeadingContent.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+const ExpandableCardLeadingContent = ({ children, ...props }) => (_jsx(View, { ...props, children: children }));
+ExpandableCardLeadingContent.displayName = 'ExpandableCardLeadingContent';
+export default ExpandableCardLeadingContent;

package/build/components/ExpandableCard/ExpandableCardText.d.ts

@@ -0,0 +1,6 @@
+import { TextProps } from 'react-native';
+declare const ExpandableCardText: {
+    ({ children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardText;

package/build/components/ExpandableCard/ExpandableCardText.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BodyText } from '../BodyText';
+const ExpandableCardText = ({ children, ...props }) => {
+    return (_jsx(BodyText, { size: "lg", ...props, children: children }));
+};
+ExpandableCardText.displayName = 'ExpandableCardText';
+export default ExpandableCardText;

package/build/components/ExpandableCard/ExpandableCardTrailingContent.d.ts

@@ -0,0 +1,6 @@
+import { type ViewProps } from 'react-native';
+declare const ExpandableCardTrailingContent: {
+    ({ children, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardTrailingContent;

package/build/components/ExpandableCard/ExpandableCardTrailingContent.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+const ExpandableCardTrailingContent = ({ children, ...props }) => (_jsx(View, { ...props, children: children }));
+ExpandableCardTrailingContent.displayName = 'ExpandableCardTrailingContent';
+export default ExpandableCardTrailingContent;

package/build/components/ExpandableCard/ExpandableCardTrailingIcon.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+import { IconProps } from '../Icon';
+declare const ExpandableCardTrailingIcon: {
+    ({ children, ...props }: IconProps & {
+        as?: ComponentType;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardTrailingIcon;

package/build/components/ExpandableCard/ExpandableCardTrailingIcon.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Platform } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { Icon } from '../Icon';
+const ExpandableCardTrailingIcon = ({ children, ...props }) => {
+    return (_jsx(Icon, { ...props, style: Platform.OS === 'web'
+            ? // @ts-expect-error - style prop type issue
+                { ...styles.icon, ...props.style }
+            : [styles.icon, props.style], children: children }));
+};
+ExpandableCardTrailingIcon.displayName = 'ExpandableCardTrailingIcon';
+const styles = StyleSheet.create(theme => ({
+    icon: {
+        color: theme.color.icon.primary,
+    },
+}));
+export default ExpandableCardTrailingIcon;

package/build/components/ExpandableCard/ExpandableCardTrigger.d.ts

@@ -0,0 +1,17 @@
+declare const ExpandableCardTrigger: import("react").ForwardRefExoticComponent<import("./ExpandableCardTrigger.props").ExpandableCardTriggerProps & {
+    states?: {
+        active?: boolean;
+        disabled?: boolean;
+    };
+} & Omit<import("react-native").PressableProps, "children"> & {
+    tabIndex?: 0 | -1 | undefined;
+} & {
+    children?: import("react").ReactNode | (({ hovered, pressed, focused, focusVisible, disabled, }: {
+        hovered?: boolean | undefined;
+        pressed?: boolean | undefined;
+        focused?: boolean | undefined;
+        focusVisible?: boolean | undefined;
+        disabled?: boolean | undefined;
+    }) => import("react").ReactNode);
+} & import("react").RefAttributes<unknown>>;
+export default ExpandableCardTrigger;

package/build/components/ExpandableCard/ExpandableCardTrigger.js

@@ -0,0 +1,7 @@
+import { createPressable } from '@gluestack-ui/pressable';
+import ExpandableCardTriggerRoot from './ExpandableCardTriggerRoot';
+const ExpandableCardTrigger = createPressable({
+    Root: ExpandableCardTriggerRoot,
+});
+ExpandableCardTrigger.displayName = 'ExpandableCardTrigger';
+export default ExpandableCardTrigger;

package/build/components/ExpandableCard/ExpandableCardTrigger.props.d.ts

@@ -0,0 +1,44 @@
+import type { ComponentType } from 'react';
+import type { PressableProps } from 'react-native';
+import type BadgeProps from '../Badge/Badge.props';
+export interface ExpandableCardTriggerProps extends Omit<PressableProps, 'children'> {
+    /**
+     * The main heading text
+     */
+    heading?: string;
+    /**
+     * Optional helper text displayed below the heading
+     */
+    helperText?: string;
+    /**
+     * Leading icon component
+     */
+    leadingIcon?: ComponentType;
+    /**
+     * Content to display on the left side (e.g., icon, avatar)
+     */
+    leadingContent?: React.ReactNode;
+    /**
+     * Optional badge to display
+     */
+    badge?: BadgeProps;
+    /**
+     * Position of the badge relative to the heading
+     * @default 'bottom'
+     */
+    badgePosition?: 'top' | 'bottom';
+    /**
+     * Optional numeric value to display
+     */
+    numericValue?: string | number;
+    /**
+     * Whether the expandable card is expanded
+     */
+    isExpanded: boolean;
+    /**
+     * Whether the trigger is disabled
+     */
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export default ExpandableCardTriggerProps;

package/build/components/ExpandableCard/ExpandableCardTrigger.props.js

@@ -0,0 +1 @@
+export {};

package/build/components/ExpandableCard/ExpandableCardTriggerRoot.d.ts

@@ -0,0 +1,11 @@
+import type ExpandableCardTriggerProps from './ExpandableCardTrigger.props';
+declare const ExpandableCardTriggerRoot: {
+    ({ heading, helperText, leadingIcon, leadingContent, badge, badgePosition, numericValue, isExpanded, disabled, states, children, ...props }: ExpandableCardTriggerProps & {
+        states?: {
+            active?: boolean;
+            disabled?: boolean;
+        };
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ExpandableCardTriggerRoot;

package/build/components/ExpandableCard/ExpandableCardTriggerRoot.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronDownSmallIcon, ChevronUpSmallIcon, } from '@utilitywarehouse/hearth-react-native-icons';
+import { Pressable } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { Badge } from '../Badge';
+import { DetailText } from '../DetailText';
+import ExpandableCardContent from './ExpandableCardContent';
+import ExpandableCardHelperText from './ExpandableCardHelperText';
+import ExpandableCardIcon from './ExpandableCardIcon';
+import ExpandableCardLeadingContent from './ExpandableCardLeadingContent';
+import ExpandableCardText from './ExpandableCardText';
+import ExpandableCardTrailingContent from './ExpandableCardTrailingContent';
+import ExpandableCardTrailingIcon from './ExpandableCardTrailingIcon';
+const ExpandableCardTriggerRoot = ({ heading, helperText, leadingIcon, leadingContent, badge, badgePosition = 'bottom', numericValue, isExpanded, disabled, states, children, ...props }) => {
+    const { active } = states || { active: false };
+    const testID = props.testID || 'expandable-card-trigger';
+    styles.useVariants({
+        active,
+        disabled: !!disabled,
+    });
+    const renderLeadingContent = () => {
+        if (leadingIcon) {
+            return (_jsx(ExpandableCardLeadingContent, { children: _jsx(ExpandableCardIcon, { as: leadingIcon }) }));
+        }
+        if (leadingContent) {
+            return _jsx(ExpandableCardLeadingContent, { children: leadingContent });
+        }
+        return null;
+    };
+    const renderTopBadge = () => {
+        if (badgePosition === 'top' && badge) {
+            return _jsx(Badge, { ...badge });
+        }
+        return null;
+    };
+    const renderBottomBadge = () => {
+        if (badgePosition === 'bottom' && badge) {
+            return _jsx(Badge, { ...badge });
+        }
+        return null;
+    };
+    const renderDefaultContent = () => (_jsxs(_Fragment, { children: [renderLeadingContent(), _jsxs(ExpandableCardContent, { children: [renderTopBadge(), _jsx(ExpandableCardText, { children: heading }), helperText && _jsx(ExpandableCardHelperText, { children: helperText }), renderBottomBadge()] }), numericValue && (_jsx(DetailText, { size: "lg", style: styles.numericValue, children: numericValue })), _jsx(ExpandableCardTrailingContent, { style: styles.chevron, children: _jsx(ExpandableCardTrailingIcon, { as: isExpanded ? ChevronUpSmallIcon : ChevronDownSmallIcon }) })] }));
+    return (_jsx(Pressable, { ...props, testID: testID, style: [styles.container, props.style], disabled: disabled, accessibilityRole: "button", accessibilityState: { expanded: isExpanded, disabled }, accessibilityLabel: `${heading}${helperText ? `, ${helperText}` : ''}`, children: children || renderDefaultContent() }));
+};
+ExpandableCardTriggerRoot.displayName = 'ExpandableCardTriggerRoot';
+const styles = StyleSheet.create(theme => ({
+    container: {
+        paddingVertical: theme.components.card.mobile.padding,
+        paddingHorizontal: theme.components.card.mobile.padding,
+        flexDirection: 'row',
+        width: '100%',
+        gap: theme.components.expandableCard.gapHorizontal,
+        variants: {
+            disabled: {
+                true: {
+                    cursor: 'auto',
+                    opacity: theme.opacity.disabled,
+                },
+                false: {
+                    _web: {
+                        _hover: {
+                            backgroundColor: theme.color.interactive.neutral.surface.subtle.hover,
+                        },
+                        _active: {
+                            backgroundColor: theme.color.interactive.neutral.surface.subtle.active,
+                        },
+                    },
+                },
+            },
+            active: {
+                true: {},
+            },
+        },
+        compoundVariants: [
+            {
+                disabled: false,
+                active: true,
+                styles: {
+                    backgroundColor: theme.color.interactive.neutral.surface.subtle.active,
+                },
+            },
+        ],
+    },
+    chevron: {
+        justifyContent: 'center',
+    },
+    numericValue: {
+        alignSelf: 'center',
+    },
+}));
+export default ExpandableCardTriggerRoot;

package/build/components/ExpandableCard/index.d.ts

@@ -0,0 +1,14 @@
+export { default as ExpandableCard } from './ExpandableCard';
+export type { default as ExpandableCardProps } from './ExpandableCard.props';
+export { default as ExpandableCardContent } from './ExpandableCardContent';
+export { default as ExpandableCardExpandedContent } from './ExpandableCardExpandedContent';
+export { default as ExpandableCardGroup } from './ExpandableCardGroup';
+export type { default as ExpandableCardGroupProps } from './ExpandableCardGroup.props';
+export { default as ExpandableCardHelperText } from './ExpandableCardHelperText';
+export { default as ExpandableCardIcon } from './ExpandableCardIcon';
+export { default as ExpandableCardLeadingContent } from './ExpandableCardLeadingContent';
+export { default as ExpandableCardText } from './ExpandableCardText';
+export { default as ExpandableCardTrailingContent } from './ExpandableCardTrailingContent';
+export { default as ExpandableCardTrailingIcon } from './ExpandableCardTrailingIcon';
+export { default as ExpandableCardTrigger } from './ExpandableCardTrigger';
+export type { default as ExpandableCardTriggerProps } from './ExpandableCardTrigger.props';

package/build/components/ExpandableCard/index.js

@@ -0,0 +1,11 @@
+export { default as ExpandableCard } from './ExpandableCard';
+export { default as ExpandableCardContent } from './ExpandableCardContent';
+export { default as ExpandableCardExpandedContent } from './ExpandableCardExpandedContent';
+export { default as ExpandableCardGroup } from './ExpandableCardGroup';
+export { default as ExpandableCardHelperText } from './ExpandableCardHelperText';
+export { default as ExpandableCardIcon } from './ExpandableCardIcon';
+export { default as ExpandableCardLeadingContent } from './ExpandableCardLeadingContent';
+export { default as ExpandableCardText } from './ExpandableCardText';
+export { default as ExpandableCardTrailingContent } from './ExpandableCardTrailingContent';
+export { default as ExpandableCardTrailingIcon } from './ExpandableCardTrailingIcon';
+export { default as ExpandableCardTrigger } from './ExpandableCardTrigger';

package/build/components/Helper/HelperIcon.js

@@ -7,7 +7,8 @@ const HelperIcon = (props) => {
     const { validationStatus } = useHelperContext();
     styles.useVariants({ validationStatus });
     return (_jsx(Icon, { style: Platform.OS === 'web'
-            ? StyleSheet.compose(styles.icon, props.style)
+            ? // @ts-expect-error - style prop type issue
+                { ...styles.icon, ...props.style }
             : [styles.icon, props.style], ...props }));
 };
 HelperIcon.displayName = 'HelperIcon';

package/build/components/HighlightBanner/HighlightBanner.d.ts

@@ -0,0 +1,6 @@
+import type HighlightBannerProps from './HighlightBanner.props';
+declare const HighlightBanner: {
+    ({ heading, headingColor, image, imageContainerHeight, description, link, button, variant, style, ...props }: HighlightBannerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default HighlightBanner;