@hhgtech/hhg-components
Version:
Hello Health Group common components
62 lines (61 loc) • 2.07 kB
TypeScript
export declare const makeParams: (params: Record<string, string>) => string;
export declare const formatUrlWithPageParam: (path: string, page?: number, queryPageName?: string) => string;
export declare const toggleNoScroll: (isNoScroll?: boolean) => void;
export declare const Breakpoints: {
BREAK_POINT_SMALL_MOBILE: number;
BREAK_POINT_MOBILE: number;
BREAK_POINT_TABLET: number;
BREAK_POINT_PC: number;
BREAK_POINT_LGPC: number;
};
export declare const Screens: {
LG: number;
};
/**
* List of mediaQueries to use in StyledComponents
* New naming convention base around breakpoints
*
* Note: smb = small mobile; mb = mobile; td = tablet device; pc = pc/laptop device
*
* smbDown: BREAK_POINT_SMALL_MOBILE go down.
* smbUp: BREAK_POINT_SMALL_MOBILE go up
*
* mbDown: BREAK_POINT_MOBILE go down.
* mbOnly: from BREAK_POINT_SMALL_MOBILE to BREAK_POINT_MOBILE
* mbUp: BREAK_POINT_MOBILE go up
*
* tdDown: BREAK_POINT_TABLET go down
* tdOnly: from BREAK_POINT_MOBILE to BREAK_POINT_TABLET
* tdUp: BREAK_POINT_TABLET go up
*
* pcDown: BREAK_POINT_PC go down
* pcOnly: from BREAK_POINT_TABLET to BREAK_POINT_PC
* pcUp: BREAK_POINT_PC go up
*
* @example
* ${MediaQueries.mbDown} {
* color: ${(props) => props.theme.colors.neutral100 }};
* }
*/
export declare const MediaQueries: {
smbDown: string;
smbUp: string;
mbDown: string;
mbOnly: string;
mbUp: string;
tdDown: string;
tdOnly: string;
tdUp: string;
pcUp: string;
pcOnly: string;
pcDown: string;
lgPcUp: string;
lgPcOnly: string;
lgPcDown: string;
mbToPC: string;
};
export declare const getBoundariesFromMediaQueryKey: (key?: keyof typeof MediaQueries) => number[];
export declare const getPopupWrapperDom: () => Element;
export declare const getWrapperDomWithSelector: (parentDom: HTMLElement, wrapperKey: string) => Element;
export declare const startCase: (str?: string) => string;
export declare const safeEncodeURI: (s: string) => string;