@patreon/studio
Version:
Patreon Studio Design System
25 lines • 1.08 kB
JavaScript
import { css } from 'styled-components';
import { cssForResponsive, wrapResponsive } from './opaque-responsive';
/**
* 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 function cssForLegacyResponsive(valueMap, propName, isImportant) {
const wrappedValue = wrapResponsive(valueMap);
return cssForResponsive(wrappedValue, (value) => css `
${propName}: ${value}${isImportant ? ' !important' : ''};
`);
}
/**
* 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 function legacyResponsiveProp(cssPropName, breakpointValues, options) {
return cssForLegacyResponsive(breakpointValues, cssPropName, options?.isImportant);
}
//# sourceMappingURL=legacy-responsive.js.map