@sphereon/ui-components.ssi-react-native
Version:
SSI UI components for React-Native
109 lines (108 loc) • 4.47 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.fontStyle = exports.fontSize = void 0;
const ui_components_core_1 = require("@sphereon/ui-components.core");
const react_native_size_matters_1 = require("react-native-size-matters");
exports.fontSize = {
100: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['100']),
200: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['200']),
300: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['300']),
400: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['400']),
500: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['500']),
600: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['600']),
700: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['700']),
800: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['800']),
64: (0, react_native_size_matters_1.moderateScale)(ui_components_core_1.fontSize['64']),
};
exports.fontStyle = {
h0SemiBold: {
fontFamily: 'Poppins-SemiBold',
fontSize: exports.fontSize[800],
fontWeight: ui_components_core_1.fontWeight[600],
lineHeight: ui_components_core_1.lineHeight[800],
},
h1SemiBold: {
fontFamily: 'Poppins-SemiBold',
fontSize: exports.fontSize[700],
fontWeight: ui_components_core_1.fontWeight[600],
lineHeight: ui_components_core_1.lineHeight[700],
},
h1Regular: {
fontFamily: 'Poppins-Regular',
fontSize: exports.fontSize[700],
fontWeight: ui_components_core_1.fontWeight[400],
lineHeight: ui_components_core_1.lineHeight[700],
},
h2Regular: {
fontFamily: 'Poppins-Regular',
fontSize: exports.fontSize[600],
fontWeight: ui_components_core_1.fontWeight[400],
lineHeight: ui_components_core_1.lineHeight[600],
},
h2SemiBold: {
fontFamily: 'Poppins-SemiBold',
fontSize: exports.fontSize[600],
fontWeight: ui_components_core_1.fontWeight[600],
lineHeight: ui_components_core_1.lineHeight[600],
},
h3Regular: {
fontFamily: 'Poppins-Regular',
fontSize: exports.fontSize[500],
fontWeight: ui_components_core_1.fontWeight[400],
lineHeight: ui_components_core_1.lineHeight[500],
},
h3SemiBold: {
fontFamily: 'Poppins-SemiBold',
fontSize: exports.fontSize[500],
fontWeight: ui_components_core_1.fontWeight[600],
lineHeight: ui_components_core_1.lineHeight[500],
},
h4Regular: {
fontFamily: 'Poppins-Regular',
fontSize: exports.fontSize[300],
fontWeight: ui_components_core_1.fontWeight[400],
lineHeight: ui_components_core_1.lineHeight[300],
},
h4SemiBold: {
fontFamily: 'Poppins-SemiBold',
fontSize: exports.fontSize[300],
fontWeight: ui_components_core_1.fontWeight[400],
lineHeight: ui_components_core_1.lineHeight[300],
},
h5Regular: {
fontFamily: 'Poppins-Regular',
fontSize: exports.fontSize[200],
fontWeight: ui_components_core_1.fontWeight[400],
lineHeight: ui_components_core_1.lineHeight[200],
},
h5SemiBold: {
fontFamily: 'Poppins-SemiBold',
fontSize: exports.fontSize[200],
fontWeight: ui_components_core_1.fontWeight[600],
lineHeight: ui_components_core_1.lineHeight[200],
},
h6: {
fontFamily: 'Poppins-Regular',
fontSize: exports.fontSize[100],
fontWeight: ui_components_core_1.fontWeight[400],
lineHeight: ui_components_core_1.lineHeight[100],
},
h7Regular: {
fontFamily: 'Poppins-Regular',
fontSize: exports.fontSize[400],
fontWeight: ui_components_core_1.fontWeight[400],
lineHeight: ui_components_core_1.lineHeight[400],
},
h7SemiBold: {
fontFamily: 'Poppins-SemiBold',
fontSize: exports.fontSize[400],
fontWeight: ui_components_core_1.fontWeight[600],
lineHeight: ui_components_core_1.lineHeight[400],
},
Regular64: {
fontFamily: 'Poppins-Regular',
fontSize: exports.fontSize[64],
fontWeight: ui_components_core_1.fontWeight[600],
lineHeight: ui_components_core_1.lineHeight[64],
},
};