@patreon/studio
Version:
Patreon Studio Design System
37 lines (36 loc) • 1.63 kB
TypeScript
/**
* Possible breakpoint values
*
* @deprecated use `Breakpoint` from the OpaqueResponsive system instead
**/
export declare type LegacyBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
/**
* A Responsive type is an object with breakpoint keys and user typed values.
*
* @deprecated there is no direct replacement for this type, please migrate
* to the OpaqueResponsive system instead
**/
export declare type LegacyResponsive<T> = Partial<Record<LegacyBreakpoint, T>>;
/**
* LazyResponsive values can be either a single value or a responsive value.
*
* @deprecated use `ValueOrResponsive` from the OpaqueResponsive system instead
**/
export declare type LegacyLazyResponsive<T> = T | LegacyResponsive<T>;
/**
* Converts a legacy responsive value to css string for a given property.
* This is a drop-in replacement for the `cssPropsForBreakpointValues`
* responsive theme helper.
*
* @deprecated use `cssForResponsive` from the OpaqueResponsive system instead
**/
export declare function cssForLegacyResponsive<T extends string>(valueMap: LegacyLazyResponsive<T>, propName: string, isImportant?: boolean): import("styled-components").FlattenSimpleInterpolation;
/**
* Converts a legacy responsive value to css string for a given property.
* This is a drop-in replacement for the `responsiveProp` helper.
*
* @deprecated use `cssForResponsive` from the OpaqueResponsive system instead
*/
export declare function legacyResponsiveProp<T extends string>(cssPropName: string, breakpointValues: LegacyLazyResponsive<T>, options?: {
isImportant?: boolean;
}): import("styled-components").FlattenSimpleInterpolation;