@brizy/ui/es/Space/utils.js

React elements in Brizy style

import { isNumber } from "../utils";
import { BRZ_PREFIX } from "../constants";
export const getPixelsSize = (space) => {
    if (isNumber(space)) {
        return `${space}px`;
    }
    else {
        switch (space) {
            case "xxsmall":
                return "7.5px";
            case "xsmall":
                return "15px";
            case "small":
                return "26px";
            case "middle":
                return "30px";
            case "large":
                return "40px";
            default:
                return "50px";
        }
    }
};
export const getSpacingStyles = (spacing) => {
    if (Array.isArray(spacing)) {
        if (spacing.length === 2) {
            return {
                [`--${BRZ_PREFIX}-space-top`]: getPixelsSize(spacing[0]),
                [`--${BRZ_PREFIX}-space-bottom`]: getPixelsSize(spacing[0]),
                [`--${BRZ_PREFIX}-space-right`]: getPixelsSize(spacing[1]),
                [`--${BRZ_PREFIX}-space-left`]: getPixelsSize(spacing[1]),
            };
        }
        else if (spacing.length === 3) {
            return {
                [`--${BRZ_PREFIX}-space-top`]: getPixelsSize(spacing[0]),
                [`--${BRZ_PREFIX}-space-bottom`]: getPixelsSize(spacing[2]),
                [`--${BRZ_PREFIX}-space-right`]: getPixelsSize(spacing[1]),
                [`--${BRZ_PREFIX}-space-left`]: getPixelsSize(spacing[1]),
            };
        }
        else {
            return {
                [`--${BRZ_PREFIX}-space-top`]: getPixelsSize(spacing[0]),
                [`--${BRZ_PREFIX}-space-bottom`]: getPixelsSize(spacing[2]),
                [`--${BRZ_PREFIX}-space-right`]: getPixelsSize(spacing[1]),
                [`--${BRZ_PREFIX}-space-left`]: getPixelsSize(spacing[3]),
            };
        }
    }
    return {
        [`--${BRZ_PREFIX}-space-top`]: getPixelsSize(spacing),
        [`--${BRZ_PREFIX}-space-bottom`]: getPixelsSize(spacing),
        [`--${BRZ_PREFIX}-space-right`]: getPixelsSize(spacing),
        [`--${BRZ_PREFIX}-space-left`]: getPixelsSize(spacing),
    };
};