npm - @alma-oss/spirit-web-react - Versions diffs - 4.2.1 → 4.4.2 - Mend

@@ -1,8 +0,0 @@
-{
-  "name": "@alma-oss/spirit-web-react/components/Card",
-  "type": "module",
-  "main": "Card.cjs",
-  "module": "index.js",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

@@ -1,7 +0,0 @@
-import { type CSSProperties } from 'react';
-import { type SpiritCardMediaProps } from '../../types';
-export interface UseCardMediaStylePropsReturn {
-    classProps: string;
-    styleProps: CSSProperties;
-}
-export declare const useCardMediaStyleProps: (props: Partial<SpiritCardMediaProps>) => UseCardMediaStylePropsReturn;

@@ -1,15 +0,0 @@
-import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';
-import { useClassNamePrefix } from "../../hooks/index.js";
-export const useCardMediaStyleProps = (props) => {
-    const { backgroundColor, fit } = props || {};
-    const cardMediaBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);
-    const cardMediaBackgroundColor = backgroundColor ? cardMediaBackgroundClassName : '';
-    const cardMediaStyle = fit
-        ? { [`--${cssVariablePrefix}card-media-object-fit`]: fit }
-        : {};
-    return {
-        classProps: cardMediaBackgroundColor,
-        styleProps: cardMediaStyle,
-    };
-};
-//# sourceMappingURL=useCardMediaStyleProps.js.map

@@ -1,27 +0,0 @@
-import { type CardAlignmentXType, type CardDirectionType, type CardSizesDictionaryType } from '../../types';
-export interface UseCardStyleProps {
-    artworkAlignmentX?: CardAlignmentXType;
-    direction?: CardDirectionType;
-    footerAlignmentX?: CardAlignmentXType;
-    hasFilledHeight?: boolean;
-    isBoxed?: boolean;
-    isExpanded?: boolean;
-    isHeading?: boolean;
-    isSelectable?: boolean;
-    size?: CardSizesDictionaryType;
-}
-export interface UseCardStylePropsReturn {
-    classProps: {
-        artwork: string;
-        body: string;
-        eyebrow: string;
-        footer: string;
-        link: string;
-        logo: string;
-        media: string;
-        mediaCanvas: string;
-        root: string;
-        title: string;
-    };
-}
-export declare function useCardStyleProps(props?: UseCardStyleProps): UseCardStylePropsReturn;

@@ -1,58 +0,0 @@
-import classNames from 'classnames';
-import { useAlignmentClass, useClassNamePrefix } from "../../hooks/index.js";
-import { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from "../../utils/index.js";
-export function useCardStyleProps(props) {
-    const { artworkAlignmentX, direction, footerAlignmentX, hasFilledHeight, isBoxed, isExpanded, isHeading, isSelectable, size, } = props || {};
-    const cardClass = useClassNamePrefix('Card');
-    const artworkClass = `${cardClass}Artwork`;
-    const bodyClass = `${cardClass}Body`;
-    const eyebrowClass = `${cardClass}Eyebrow`;
-    const footerClass = `${cardClass}Footer`;
-    const linkClass = `${cardClass}Link`;
-    const logoClass = `${cardClass}Logo`;
-    const mediaClass = `${cardClass}Media`;
-    const titleClass = `${cardClass}Title`;
-    const bodyIsSelectableClass = `${bodyClass}--selectable`;
-    const directionClass = generateStylePropsClassNames(cardClass, stringOrObjectKebabCaseToCamelCase(direction));
-    const isBoxedClass = `${cardClass}--boxed`;
-    const mediaCanvasClass = `${mediaClass}__canvas`;
-    const mediaHasFilledHeightClass = `${mediaClass}--filledHeight`;
-    const mediaIsExpandedClass = `${mediaClass}--expanded`;
-    const mediaSizeClass = size ? `${mediaClass}--${size}` : '';
-    const titleHeadingClass = `${titleClass}--heading`;
-    const artworkClasses = classNames(artworkClass, {
-        [useAlignmentClass(artworkClass, artworkAlignmentX, 'alignmentX')]: artworkAlignmentX,
-    });
-    const bodyClasses = classNames(bodyClass, {
-        [bodyIsSelectableClass]: isSelectable,
-    });
-    const footerClasses = classNames(footerClass, {
-        [useAlignmentClass(footerClass, footerAlignmentX, 'alignmentX')]: footerAlignmentX,
-    });
-    const mediaClasses = classNames(mediaClass, mediaSizeClass, {
-        [mediaIsExpandedClass]: isExpanded,
-        [mediaHasFilledHeightClass]: hasFilledHeight,
-    });
-    const rootClasses = classNames(cardClass, {
-        [directionClass]: direction,
-        [isBoxedClass]: isBoxed,
-    });
-    const titleClasses = classNames(titleClass, {
-        [titleHeadingClass]: isHeading,
-    });
-    return {
-        classProps: {
-            artwork: artworkClasses,
-            body: bodyClasses,
-            eyebrow: eyebrowClass,
-            footer: footerClasses,
-            link: linkClass,
-            logo: logoClass,
-            media: mediaClasses,
-            mediaCanvas: mediaCanvasClass,
-            root: rootClasses,
-            title: titleClasses,
-        },
-    };
-}
-//# sourceMappingURL=useCardStyleProps.js.map

@alma-oss/spirit-web-react 4.2.1 → 4.4.2