@oxyhq/services
Version:
84 lines (82 loc) • 2.57 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.fontStyles = exports.fontFamilies = void 0;
var _reactNative = require("react-native");
/**
* Font family names for use across the app
*
* For web platforms, we use the CSS font name with weights
* For native platforms, we use the specific static font file names
*/
const fontFamilies = exports.fontFamilies = {
// Regular weight (400)
inter: _reactNative.Platform.select({
web: 'Inter',
// Web projects will use standard CSS font name
default: 'Inter-Regular' // Native projects use the specific weight font
}),
// Light weight (300)
interLight: _reactNative.Platform.select({
web: 'Inter',
// Web uses CSS weight
default: 'Inter-Light' // Native uses specific font
}),
// Medium weight (500)
interMedium: _reactNative.Platform.select({
web: 'Inter',
// Web uses CSS weight
default: 'Inter-Medium' // Native uses specific font
}),
// SemiBold weight (600)
interSemiBold: _reactNative.Platform.select({
web: 'Inter',
// Web uses CSS weight
default: 'Inter-SemiBold' // Native uses specific font
}),
// Bold weight (700)
interBold: _reactNative.Platform.select({
web: 'Inter',
// Web uses CSS weight
default: 'Inter-Bold' // Native uses specific font
}),
// ExtraBold weight (800)
interExtraBold: _reactNative.Platform.select({
web: 'Inter',
// Web uses CSS weight
default: 'Inter-ExtraBold' // Native uses specific font
}),
// Black weight (900)
interBlack: _reactNative.Platform.select({
web: 'Inter',
// Web uses CSS weight
default: 'Inter-Black' // Native uses specific font
})
};
/**
* Font styles that can be reused across the app
*/
const fontStyles = exports.fontStyles = {
titleLarge: {
fontFamily: fontFamilies.interBold,
fontSize: 54,
fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
},
titleMedium: {
fontFamily: fontFamilies.interBold,
fontSize: 24,
fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
},
titleSmall: {
fontFamily: fontFamilies.interBold,
fontSize: 20,
fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
},
buttonText: {
fontFamily: fontFamilies.interSemiBold,
fontSize: 16,
fontWeight: _reactNative.Platform.OS === 'web' ? '600' : undefined // Only apply fontWeight on web
}
};
//# sourceMappingURL=fonts.js.map