@sitecore/sc-contenthub-blok
Version:
A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).
65 lines • 6.52 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.navbarTextTransform = exports.navbarFontWeight = exports.navbarFontFamily = exports.pageHeaderFontSize = exports.pageHeaderHeight = exports.pageHeaderDarkMode = exports.pageHeaderTextTransform = exports.pageHeaderFontWeight = exports.pageHeaderFont = exports.pageHeaderColor = exports.pageHeaderBg = exports.fontFamilyMono = exports.fontFamilyBase = exports.fontSizeH5 = exports.fontColorH5 = exports.textCaseH5 = exports.fontStyleH5 = exports.fontWeightH5 = exports.fontFamilyH5 = exports.fontSizeH4 = exports.fontColorH4 = exports.textCaseH4 = exports.fontStyleH4 = exports.fontWeightH4 = exports.fontFamilyH4 = exports.fontSizeH3 = exports.fontColorH3 = exports.textCaseH3 = exports.fontStyleH3 = exports.fontWeightH3 = exports.fontFamilyH3 = exports.fontSizeH2 = exports.fontColorH2 = exports.textCaseH2 = exports.fontStyleH2 = exports.fontWeightH2 = exports.fontFamilyH2 = exports.fontSizeH1 = exports.fontColorH1 = exports.textCaseH1 = exports.fontStyleH1 = exports.fontWeightH1 = exports.fontFamilyH1 = void 0;
const colors_1 = require("./colors");
const semanticTokens_1 = require("./semanticTokens");
const utils_1 = require("./utils");
exports.fontFamilyH1 = (0, utils_1.normalizeFontNames)((0, utils_1.getStyle)("--font-family-h1")) ||
"'-apple-system', 'system-ui', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif'";
exports.fontWeightH1 = (0, utils_1.getStyle)("--font-weight-h1") || 600;
exports.fontStyleH1 = (0, utils_1.getStyle)("--font-style-h1") || "normal";
exports.textCaseH1 = (0, utils_1.getStyle)("--text-case-h1") || "none";
exports.fontColorH1 = (0, utils_1.normalizeColor)((0, utils_1.getStyle)("--font-color-h1") || "rgba(0, 0, 0, 0.87)");
exports.fontSizeH1 = (0, utils_1.getStyle)("--font-size-h1") || "2.8rem ";
// H2
exports.fontFamilyH2 = (0, utils_1.normalizeFontNames)((0, utils_1.getStyle)("--font-family-h2")) ||
"'-apple-system', 'system-ui', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif'";
exports.fontWeightH2 = (0, utils_1.getStyle)("--font-weight-h2") || 600;
exports.fontStyleH2 = (0, utils_1.getStyle)("--font-style-h2") || "normal";
exports.textCaseH2 = (0, utils_1.getStyle)("--text-case-h2") || "none";
exports.fontColorH2 = (0, utils_1.normalizeColor)((0, utils_1.getStyle)("--font-color-h2") || "rgba(0, 0, 0, 0.87)");
exports.fontSizeH2 = (0, utils_1.getStyle)("--font-size-h2") || "2rem";
// H3
exports.fontFamilyH3 = (0, utils_1.normalizeFontNames)((0, utils_1.getStyle)("--font-family-h3")) ||
"'-apple-system', 'system-ui', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif'";
exports.fontWeightH3 = (0, utils_1.getStyle)("--font-weight-h3") || 600;
exports.fontStyleH3 = (0, utils_1.getStyle)("--font-style-h3") || "normal";
exports.textCaseH3 = (0, utils_1.getStyle)("--text-case-h3") || "none";
exports.fontColorH3 = (0, utils_1.normalizeColor)((0, utils_1.getStyle)("--font-color-h3") || "rgba(0, 0, 0, 0.87)");
exports.fontSizeH3 = (0, utils_1.getStyle)("--font-size-h3") || "1rem";
// H4
exports.fontFamilyH4 = (0, utils_1.normalizeFontNames)((0, utils_1.getStyle)("--font-family-h4")) ||
"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif";
exports.fontWeightH4 = (0, utils_1.getStyle)("--font-weight-h4") || 600;
exports.fontStyleH4 = (0, utils_1.getStyle)("--font-style-h4") || "normal";
exports.textCaseH4 = (0, utils_1.getStyle)("--text-case-h4") || "none";
exports.fontColorH4 = (0, utils_1.normalizeColor)((0, utils_1.getStyle)("--font-color-h4") || "rgba(0, 0, 0, 0.87)");
exports.fontSizeH4 = (0, utils_1.getStyle)("--font-size-h4") || "0.875rem";
// H5
exports.fontFamilyH5 = (0, utils_1.normalizeFontNames)((0, utils_1.getStyle)("--font-family-h5")) ||
"'-apple-system', 'system-ui', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif'";
exports.fontWeightH5 = (0, utils_1.getStyle)("--font-weight-h5") || 600;
exports.fontStyleH5 = (0, utils_1.getStyle)("--font-style-h5") || "normal";
exports.textCaseH5 = (0, utils_1.getStyle)("--text-case-h5") || "none";
exports.fontColorH5 = (0, utils_1.normalizeColor)((0, utils_1.getStyle)("--font-color-h5") || semanticTokens_1.semanticTokens.subtleText.default);
exports.fontSizeH5 = (0, utils_1.getStyle)("--font-size-h5") || "0.8125rem";
// Base font family
exports.fontFamilyBase = (0, utils_1.normalizeFontNames)((0, utils_1.getStyle)("--font-family-base")) ||
"'-apple-system', 'system-ui', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif'";
exports.fontFamilyMono = 'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace';
// Page header
exports.pageHeaderBg = (0, utils_1.normalizeColor)((0, utils_1.getStyle)("--page-header-bg") || "white");
exports.pageHeaderColor = (0, utils_1.normalizeColor)((0, utils_1.getStyle)("--page-header-color") || colors_1.blackAlpha["900"]);
exports.pageHeaderFont = (0, utils_1.normalizeFontNames)((0, utils_1.getStyle)("--page-header-font")) ||
"'-apple-system', 'system-ui', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif'";
exports.pageHeaderFontWeight = (0, utils_1.getStyle)("--page-header-font-weight") || 600;
exports.pageHeaderTextTransform = (0, utils_1.getStyle)("--page-header-text-transform") || "none";
exports.pageHeaderDarkMode = (0, utils_1.getStyle)("--page-header-dark-mode") === "true";
exports.pageHeaderHeight = "3.45rem";
exports.pageHeaderFontSize = (0, utils_1.getStyle)("--page-title-font-size") || "1.375rem";
// Navbar
exports.navbarFontFamily = (0, utils_1.normalizeFontNames)((0, utils_1.getStyle)("--navbar-font-family") ||
"'-apple-system', 'system-ui', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif'");
exports.navbarFontWeight = (0, utils_1.getStyle)("--navbar-font-weight") || 500;
exports.navbarTextTransform = (0, utils_1.getStyle)("--navbar-text-transform") || "none";
//# sourceMappingURL=typography.js.map