react-native-paper
Version:
Material design for React Native
112 lines (106 loc) • 2.55 kB
JavaScript
import { Platform } from 'react-native';
import { typescale } from './themes/v3/tokens';
export const fontConfig = {
web: {
regular: {
fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
fontWeight: '400'
},
medium: {
fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
fontWeight: '500'
},
light: {
fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
fontWeight: '300'
},
thin: {
fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
fontWeight: '100'
}
},
ios: {
regular: {
fontFamily: 'System',
fontWeight: '400'
},
medium: {
fontFamily: 'System',
fontWeight: '500'
},
light: {
fontFamily: 'System',
fontWeight: '300'
},
thin: {
fontFamily: 'System',
fontWeight: '100'
}
},
default: {
regular: {
fontFamily: 'sans-serif',
fontWeight: 'normal'
},
medium: {
fontFamily: 'sans-serif-medium',
fontWeight: 'normal'
},
light: {
fontFamily: 'sans-serif-light',
fontWeight: 'normal'
},
thin: {
fontFamily: 'sans-serif-thin',
fontWeight: 'normal'
}
}
};
function configureV2Fonts(config) {
const fonts = Platform.select({
...fontConfig,
...config
});
return fonts;
}
function configureV3Fonts(config) {
if (!config) {
return typescale;
}
const isFlatConfig = Object.keys(config).every(key => typeof config[key] !== 'object');
if (isFlatConfig) {
return Object.fromEntries(Object.entries(typescale).map(_ref => {
let [variantName, variantProperties] = _ref;
return [variantName, {
...variantProperties,
...config
}];
}));
}
return Object.assign({}, typescale, ...Object.entries(config).map(_ref2 => {
let [variantName, variantProperties] = _ref2;
return {
[variantName]: {
...typescale[variantName],
...variantProperties
}
};
}));
}
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
export default function configureFonts(params) {
const {
isV3 = true,
config
} = params || {};
if (isV3) {
return configureV3Fonts(config);
}
return configureV2Fonts(config);
}
//# sourceMappingURL=fonts.js.map