@navinc/base-react-components
Version:
Nav's Pattern Library
79 lines (78 loc) • 2.6 kB
TypeScript
import React from 'react';
export declare const defaultSize = "md";
export declare const sizeVariants: {
readonly xxs: {
readonly fontSize: "10px";
readonly lineHeight: "14px";
};
readonly xs: {
readonly fontSize: "12px";
readonly lineHeight: "18px";
};
readonly sm: {
readonly fontSize: "14px";
readonly lineHeight: "20px";
};
readonly md: {
readonly fontSize: "16px";
readonly lineHeight: "24px";
};
readonly lg: {
readonly fontSize: "18px";
readonly lineHeight: "27px";
};
};
declare type SizeKey = keyof typeof sizeVariants;
declare type SizeProp = keyof typeof sizeVariants['xxs'];
export declare const getSize: ({ size }: {
size?: "md" | "xxs" | "xs" | "sm" | "lg" | undefined;
}) => {
readonly fontSize: "10px";
readonly lineHeight: "14px";
} | {
readonly fontSize: "12px";
readonly lineHeight: "18px";
} | {
readonly fontSize: "14px";
readonly lineHeight: "20px";
} | {
readonly fontSize: "16px";
readonly lineHeight: "24px";
} | {
readonly fontSize: "18px";
readonly lineHeight: "27px";
};
export declare const getFromSize: (prop: SizeProp, fallback?: string) => ({ size }: {
size?: "md" | "xxs" | "xs" | "sm" | "lg" | undefined;
}) => "10px" | "14px" | "12px" | "18px" | "20px" | "16px" | "24px" | "27px";
export declare const getVariableSize: ({ size, shouldScaleFont, }: {
size?: "md" | "xxs" | "xs" | "sm" | "lg" | undefined;
shouldScaleFont?: boolean | undefined;
}) => {
readonly fontSize: "10px";
readonly lineHeight: "14px";
} | {
readonly fontSize: "12px";
readonly lineHeight: "18px";
} | {
readonly fontSize: "14px";
readonly lineHeight: "20px";
} | {
readonly fontSize: "16px";
readonly lineHeight: "24px";
} | {
readonly fontSize: "18px";
readonly lineHeight: "27px";
};
export declare const getFromVariableSize: (prop: SizeProp, fallback?: string) => ({ size, shouldScaleFont, }: {
size?: "md" | "xxs" | "xs" | "sm" | "lg" | undefined;
shouldScaleFont?: boolean | undefined;
}) => "10px" | "14px" | "12px" | "18px" | "20px" | "16px" | "24px" | "27px";
export declare type CopyProps = {
bold?: boolean;
shouldScaleFont?: boolean;
light?: boolean;
size?: SizeKey;
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
export declare const Copy: import("styled-components").StyledComponent<({ bold, shouldScaleFont, light, ...props }: CopyProps) => JSX.Element, any, {}, never>;
export default Copy;