UNPKG

@sitecore/sc-contenthub-blok

Version:

A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).

65 lines 6.52 kB
"use strict"; 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