@oxyhq/services
Version:
Reusable OxyHQ module to handle authentication, user management, karma system, device-based session management and more 🚀
84 lines (82 loc) • 2.72 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)
phudu: _reactNative.Platform.select({
web: 'Phudu',
// Web projects will use standard CSS font name
default: 'Phudu-Regular' // Native projects use the specific weight font
}),
// Light weight (300)
phuduLight: _reactNative.Platform.select({
web: 'Phudu',
// Web uses CSS weight
default: 'Phudu-Light' // Native uses specific font
}),
// Medium weight (500)
phuduMedium: _reactNative.Platform.select({
web: 'Phudu',
// Web uses CSS weight
default: 'Phudu-Medium' // Native uses specific font
}),
// SemiBold weight (600)
phuduSemiBold: _reactNative.Platform.select({
web: 'Phudu',
// Web uses CSS weight
default: 'Phudu-SemiBold' // Native uses specific font
}),
// Bold weight (700)
phuduBold: _reactNative.Platform.select({
web: 'Phudu',
// Web uses CSS weight
default: 'Phudu-Bold' // Native uses specific font
}),
// ExtraBold weight (800)
phuduExtraBold: _reactNative.Platform.select({
web: 'Phudu',
// Web uses CSS weight
default: 'Phudu-ExtraBold' // Native uses specific font
}),
// Black weight (900)
phuduBlack: _reactNative.Platform.select({
web: 'Phudu',
// Web uses CSS weight
default: 'Phudu-Black' // Native uses specific font
})
};
/**
* Font styles that can be reused across the app
*/
const fontStyles = exports.fontStyles = {
titleLarge: {
fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
fontSize: 54,
fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
},
titleMedium: {
fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
fontSize: 24,
fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
},
titleSmall: {
fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
fontSize: 20,
fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
},
buttonText: {
fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-SemiBold',
fontSize: 16,
fontWeight: _reactNative.Platform.OS === 'web' ? '600' : undefined // Only apply fontWeight on web
}
};
//# sourceMappingURL=fonts.js.map