@sphereon/ui-components.ssi-react-native
Version:
SSI UI components for React-Native
127 lines (126 loc) • 6.58 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SSITextH7SemiBoldLightStyled = exports.SSITextH7SemiBoldStyled = exports.SSITextH7LightStyled = exports.SSITextH7Styled = exports.Text64Styled = exports.SSITextH6LightStyled = exports.SSITextH6Styled = exports.SSITextH5LightStyled = exports.SSITextH5Styled = exports.SSITextH4SemiBoldLightStyled = exports.SSITextH4LightStyled = exports.SSITextH4SemiBoldStyled = exports.SSITextH4Styled = exports.SSITextH3SemiBoldStyled = exports.SSITextH3LightStyled = exports.SSITextH3Styled = exports.SSITextH2SecondaryButtonStyled = exports.SSITextH2SemiBoldLightStyled = exports.SSITextH2SemiBoldStyled = exports.SSITextH2LightStyled = exports.SSITextH2Styled = exports.SSITextH1SemiBoldLightStyled = exports.SSITextH1SemiBoldStyled = void 0;
const native_1 = __importDefault(require("styled-components/native"));
const ui_components_core_1 = require("@sphereon/ui-components.core");
const typography_1 = require("../typography");
exports.SSITextH1SemiBoldStyled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h1SemiBold.fontFamily};
font-size: ${typography_1.fontStyle.h1SemiBold.fontSize}px;
font-weight: ${typography_1.fontStyle.h1SemiBold.fontWeight};
line-height: ${typography_1.fontStyle.h1SemiBold.lineHeight}px;
height: auto;
`;
exports.SSITextH1SemiBoldLightStyled = (0, native_1.default)(exports.SSITextH1SemiBoldStyled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.SSITextH2Styled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h2Regular.fontFamily};
font-size: ${typography_1.fontStyle.h2Regular.fontSize}px;
font-weight: ${typography_1.fontStyle.h2Regular.fontWeight};
line-height: ${typography_1.fontStyle.h2Regular.lineHeight}px;
height: auto;
`;
exports.SSITextH2LightStyled = (0, native_1.default)(exports.SSITextH2Styled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.SSITextH2SemiBoldStyled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h2SemiBold.fontFamily};
font-size: ${typography_1.fontStyle.h2SemiBold.fontSize}px;
font-weight: ${typography_1.fontStyle.h2SemiBold.fontWeight};
line-height: ${typography_1.fontStyle.h2SemiBold.lineHeight}px;
height: auto;
`;
exports.SSITextH2SemiBoldLightStyled = (0, native_1.default)(exports.SSITextH2SemiBoldStyled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.SSITextH2SecondaryButtonStyled = (0, native_1.default)(exports.SSITextH2Styled) `
color: ${ui_components_core_1.fontColors.secondaryButton};
`;
exports.SSITextH3Styled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h3Regular.fontFamily};
font-size: ${typography_1.fontStyle.h3Regular.fontSize}px;
font-weight: ${typography_1.fontStyle.h3Regular.fontWeight};
line-height: ${typography_1.fontStyle.h3Regular.lineHeight}px;
height: auto;
`;
exports.SSITextH3LightStyled = (0, native_1.default)(exports.SSITextH3Styled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.SSITextH3SemiBoldStyled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h3SemiBold.fontFamily};
font-size: ${typography_1.fontStyle.h3SemiBold.fontSize}px;
font-weight: ${typography_1.fontStyle.h3SemiBold.fontWeight};
line-height: ${typography_1.fontStyle.h3SemiBold.lineHeight}px;
height: auto;
`;
exports.SSITextH4Styled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h4Regular.fontFamily};
font-size: ${typography_1.fontStyle.h4Regular.fontSize}px;
font-weight: ${typography_1.fontStyle.h4Regular.fontWeight};
line-height: ${typography_1.fontStyle.h4Regular.lineHeight}px;
height: auto;
`;
exports.SSITextH4SemiBoldStyled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h4SemiBold.fontFamily};
font-size: ${typography_1.fontStyle.h4SemiBold.fontSize}px;
font-weight: ${typography_1.fontStyle.h4SemiBold.fontWeight};
line-height: ${typography_1.fontStyle.h4SemiBold.lineHeight}px;
height: auto;
`;
exports.SSITextH4LightStyled = (0, native_1.default)(exports.SSITextH4Styled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.SSITextH4SemiBoldLightStyled = (0, native_1.default)(exports.SSITextH4SemiBoldStyled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.SSITextH5Styled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h5Regular.fontFamily};
font-size: ${typography_1.fontStyle.h5Regular.fontSize}px;
font-weight: ${typography_1.fontStyle.h5Regular.fontWeight};
line-height: ${typography_1.fontStyle.h5Regular.lineHeight}px;
height: auto;
`;
exports.SSITextH5LightStyled = (0, native_1.default)(exports.SSITextH5Styled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.SSITextH6Styled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h6.fontFamily};
font-size: ${typography_1.fontStyle.h6.fontSize}px;
font-weight: ${typography_1.fontStyle.h6.fontWeight};
line-height: ${typography_1.fontStyle.h6.lineHeight}px;
height: auto;
`;
exports.SSITextH6LightStyled = (0, native_1.default)(exports.SSITextH6Styled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.Text64Styled = native_1.default.Text `
font-family: ${typography_1.fontStyle.Regular64.fontFamily};
font-size: ${typography_1.fontStyle.Regular64.fontSize}px;
font-weight: ${typography_1.fontStyle.Regular64.fontWeight};
line-height: ${typography_1.fontStyle.Regular64.lineHeight}px;
height: auto;
`;
exports.SSITextH7Styled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h7Regular.fontFamily};
font-size: ${typography_1.fontStyle.h7Regular.fontSize}px;
font-weight: ${typography_1.fontStyle.h7Regular.fontWeight};
line-height: ${typography_1.fontStyle.h7Regular.lineHeight}px;
height: auto;
`;
exports.SSITextH7LightStyled = (0, native_1.default)(exports.SSITextH7Styled) `
color: ${ui_components_core_1.fontColors.light};
`;
exports.SSITextH7SemiBoldStyled = native_1.default.Text `
font-family: ${typography_1.fontStyle.h7SemiBold.fontFamily};
font-size: ${typography_1.fontStyle.h7SemiBold.fontSize}px;
font-weight: ${typography_1.fontStyle.h7SemiBold.fontWeight};
line-height: ${typography_1.fontStyle.h7SemiBold.lineHeight}px;
height: auto;
`;
exports.SSITextH7SemiBoldLightStyled = (0, native_1.default)(exports.SSITextH7SemiBoldStyled) `
color: ${ui_components_core_1.fontColors.light};
`;