@shko.online/componentframework-mock

/* Copyright (c) 2023 Betim Beja and Shko Online LLC Licensed under the MIT license. */ export class FluentDesignStateMock implements ComponentFramework.FluentDesignState { brand: ComponentFramework.BrandVariants; isDarkTheme?: boolean; tokenTheme: ComponentFramework.Theme; typographyTokens?: ComponentFramework.TypographyStyles; constructor() { this.brand = { '10': '#061724', '20': '#082338', '30': '#0a2e4a', '40': '#0c3b5e', '50': '#0e4775', '60': '#0f548c', '70': '#115ea3', '80': '#0f6cbd', '90': '#2886de', '100': '#479ef5', '110': '#62abf5', '120': '#77b7f7', '130': '#96c6fa', '140': '#b4d6fa', '150': '#cfe4fa', '160': '#ebf3fc', }; this.isDarkTheme = false; this.tokenTheme = { borderRadiusNone: '0', borderRadiusSmall: '2px', borderRadiusMedium: '4px', borderRadiusLarge: '6px', borderRadiusXLarge: '8px', borderRadiusCircular: '10000px', fontSizeBase100: '10px', fontSizeBase200: '12px', fontSizeBase300: '14px', fontSizeBase400: '16px', fontSizeBase500: '20px', fontSizeBase600: '24px', fontSizeHero700: '28px', fontSizeHero800: '32px', fontSizeHero900: '40px', fontSizeHero1000: '68px', lineHeightBase100: '14px', lineHeightBase200: '16px', lineHeightBase300: '20px', lineHeightBase400: '22px', lineHeightBase500: '28px', lineHeightBase600: '32px', lineHeightHero700: '36px', lineHeightHero800: '40px', lineHeightHero900: '52px', lineHeightHero1000: '92px', fontFamilyBase: "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif", fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace", fontFamilyNumeric: "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif", fontWeightRegular: 400, fontWeightMedium: 500, fontWeightSemibold: 600, fontWeightBold: 700, strokeWidthThin: '1px', strokeWidthThick: '2px', strokeWidthThicker: '3px', strokeWidthThickest: '4px', spacingHorizontalNone: '0', spacingHorizontalXXS: '2px', spacingHorizontalXS: '4px', spacingHorizontalSNudge: '6px', spacingHorizontalS: '8px', spacingHorizontalMNudge: '10px', spacingHorizontalM: '12px', spacingHorizontalL: '16px', spacingHorizontalXL: '20px', spacingHorizontalXXL: '24px', spacingHorizontalXXXL: '32px', spacingVerticalNone: '0', spacingVerticalXXS: '2px', spacingVerticalXS: '4px', spacingVerticalSNudge: '6px', spacingVerticalS: '8px', spacingVerticalMNudge: '10px', spacingVerticalM: '12px', spacingVerticalL: '16px', spacingVerticalXL: '20px', spacingVerticalXXL: '24px', spacingVerticalXXXL: '32px', durationUltraFast: '50ms', durationFaster: '100ms', durationFast: '150ms', durationNormal: '200ms', durationSlow: '300ms', durationSlower: '400ms', durationUltraSlow: '500ms', curveAccelerateMax: 'cubic-bezier(1,0,1,1)', curveAccelerateMid: 'cubic-bezier(0.7,0,1,0.5)', curveAccelerateMin: 'cubic-bezier(0.8,0,1,1)', curveDecelerateMax: 'cubic-bezier(0,0,0,1)', curveDecelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)', curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)', curveEasyEaseMax: 'cubic-bezier(0.8,0,0.1,1)', curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)', curveLinear: 'cubic-bezier(0,0,1,1)', colorNeutralForeground1: '#242424', colorNeutralForeground1Hover: '#242424', colorNeutralForeground1Pressed: '#242424', colorNeutralForeground1Selected: '#242424', colorNeutralForeground2: '#424242', colorNeutralForeground2Hover: '#242424', colorNeutralForeground2Pressed: '#242424', colorNeutralForeground2Selected: '#242424', colorNeutralForeground2BrandHover: '#0f6cbd', colorNeutralForeground2BrandPressed: '#115ea3', colorNeutralForeground2BrandSelected: '#0f6cbd', colorNeutralForeground3: '#616161', colorNeutralForeground3Hover: '#424242', colorNeutralForeground3Pressed: '#424242', colorNeutralForeground3Selected: '#424242', colorNeutralForeground3BrandHover: '#0f6cbd', colorNeutralForeground3BrandPressed: '#115ea3', colorNeutralForeground3BrandSelected: '#0f6cbd', colorNeutralForeground4: '#707070', colorNeutralForegroundDisabled: '#bdbdbd', colorNeutralForegroundInvertedDisabled: 'rgba(255, 255, 255, 0.4)', colorBrandForegroundLink: '#115ea3', colorBrandForegroundLinkHover: '#0f548c', colorBrandForegroundLinkPressed: '#0c3b5e', colorBrandForegroundLinkSelected: '#115ea3', colorNeutralForeground2Link: '#424242', colorNeutralForeground2LinkHover: '#242424', colorNeutralForeground2LinkPressed: '#242424', colorNeutralForeground2LinkSelected: '#242424', colorCompoundBrandForeground1: '#0f6cbd', colorCompoundBrandForeground1Hover: '#115ea3', colorCompoundBrandForeground1Pressed: '#0f548c', colorBrandForeground1: '#0f6cbd', colorBrandForeground2: '#115ea3', colorNeutralForeground1Static: '#242424', colorNeutralForegroundStaticInverted: '#ffffff', colorNeutralForegroundInverted: '#ffffff', colorNeutralForegroundInvertedHover: '#ffffff', colorNeutralForegroundInvertedPressed: '#ffffff', colorNeutralForegroundInvertedSelected: '#ffffff', colorNeutralForegroundInverted2: '#ffffff', colorNeutralForegroundOnBrand: '#ffffff', colorNeutralForegroundInvertedLink: '#ffffff', colorNeutralForegroundInvertedLinkHover: '#ffffff', colorNeutralForegroundInvertedLinkPressed: '#ffffff', colorNeutralForegroundInvertedLinkSelected: '#ffffff', colorBrandForegroundInverted: '#479ef5', colorBrandForegroundInvertedHover: '#62abf5', colorBrandForegroundInvertedPressed: '#479ef5', colorBrandForegroundOnLight: '#0f6cbd', colorBrandForegroundOnLightHover: '#115ea3', colorBrandForegroundOnLightPressed: '#0e4775', colorBrandForegroundOnLightSelected: '#0f548c', colorNeutralBackground1: '#ffffff', colorNeutralBackground1Hover: '#f5f5f5', colorNeutralBackground1Pressed: '#e0e0e0', colorNeutralBackground1Selected: '#ebebeb', colorNeutralBackground2: '#fafafa', colorNeutralBackground2Hover: '#f0f0f0', colorNeutralBackground2Pressed: '#dbdbdb', colorNeutralBackground2Selected: '#e6e6e6', colorNeutralBackground3: '#f5f5f5', colorNeutralBackground3Hover: '#ebebeb', colorNeutralBackground3Pressed: '#d6d6d6', colorNeutralBackground3Selected: '#e0e0e0', colorNeutralBackground4: '#f0f0f0', colorNeutralBackground4Hover: '#fafafa', colorNeutralBackground4Pressed: '#f5f5f5', colorNeutralBackground4Selected: '#ffffff', colorNeutralBackground5: '#ebebeb', colorNeutralBackground5Hover: '#f5f5f5', colorNeutralBackground5Pressed: '#f0f0f0', colorNeutralBackground5Selected: '#fafafa', colorNeutralBackground6: '#e6e6e6', colorNeutralBackgroundInverted: '#292929', colorNeutralBackgroundStatic: '#333333', colorNeutralBackgroundAlpha: 'rgba(255, 255, 255, 0.5)', colorNeutralBackgroundAlpha2: 'rgba(255, 255, 255, 0.8)', colorSubtleBackground: 'transparent', colorSubtleBackgroundHover: '#f5f5f5', colorSubtleBackgroundPressed: '#e0e0e0', colorSubtleBackgroundSelected: '#ebebeb', colorSubtleBackgroundLightAlphaHover: 'rgba(255, 255, 255, 0.7)', colorSubtleBackgroundLightAlphaPressed: 'rgba(255, 255, 255, 0.5)', colorSubtleBackgroundLightAlphaSelected: 'transparent', colorSubtleBackgroundInverted: 'transparent', colorSubtleBackgroundInvertedHover: 'rgba(0, 0, 0, 0.1)', colorSubtleBackgroundInvertedPressed: 'rgba(0, 0, 0, 0.3)', colorSubtleBackgroundInvertedSelected: 'rgba(0, 0, 0, 0.2)', colorTransparentBackground: 'transparent', colorTransparentBackgroundHover: 'transparent', colorTransparentBackgroundPressed: 'transparent', colorTransparentBackgroundSelected: 'transparent', colorNeutralBackgroundDisabled: '#f0f0f0', colorNeutralBackgroundInvertedDisabled: 'rgba(255, 255, 255, 0.1)', colorNeutralStencil1: '#e6e6e6', colorNeutralStencil2: '#fafafa', colorNeutralStencil1Alpha: 'rgba(0, 0, 0, 0.1)', colorNeutralStencil2Alpha: 'rgba(0, 0, 0, 0.05)', colorBackgroundOverlay: 'rgba(0, 0, 0, 0.4)', colorScrollbarOverlay: 'rgba(0, 0, 0, 0.5)', colorBrandBackground: '#0f6cbd', colorBrandBackgroundHover: '#115ea3', colorBrandBackgroundPressed: '#0c3b5e', colorBrandBackgroundSelected: '#0f548c', colorCompoundBrandBackground: '#0f6cbd', colorCompoundBrandBackgroundHover: '#115ea3', colorCompoundBrandBackgroundPressed: '#0f548c', colorBrandBackgroundStatic: '#0f6cbd', colorBrandBackground2: '#ebf3fc', colorBrandBackgroundInverted: '#ffffff', colorBrandBackgroundInvertedHover: '#ebf3fc', colorBrandBackgroundInvertedPressed: '#b4d6fa', colorBrandBackgroundInvertedSelected: '#cfe4fa', colorNeutralStrokeAccessible: '#616161', colorNeutralStrokeAccessibleHover: '#575757', colorNeutralStrokeAccessiblePressed: '#4d4d4d', colorNeutralStrokeAccessibleSelected: '#0f6cbd', colorNeutralStroke1: '#d1d1d1', colorNeutralStroke1Hover: '#c7c7c7', colorNeutralStroke1Pressed: '#b3b3b3', colorNeutralStroke1Selected: '#bdbdbd', colorNeutralStroke2: '#e0e0e0', colorNeutralStroke3: '#f0f0f0', colorNeutralStrokeOnBrand: '#ffffff', colorNeutralStrokeOnBrand2: '#ffffff', colorNeutralStrokeOnBrand2Hover: '#ffffff', colorNeutralStrokeOnBrand2Pressed: '#ffffff', colorNeutralStrokeOnBrand2Selected: '#ffffff', colorBrandStroke1: '#0f6cbd', colorBrandStroke2: '#b4d6fa', colorCompoundBrandStroke: '#0f6cbd', colorCompoundBrandStrokeHover: '#115ea3', colorCompoundBrandStrokePressed: '#0f548c', colorNeutralStrokeDisabled: '#e0e0e0', colorNeutralStrokeInvertedDisabled: 'rgba(255, 255, 255, 0.4)', colorTransparentStroke: 'transparent', colorTransparentStrokeInteractive: 'transparent', colorTransparentStrokeDisabled: 'transparent', colorNeutralStrokeAlpha: 'rgba(0, 0, 0, 0.05)', colorStrokeFocus1: '#ffffff', colorStrokeFocus2: '#000000', colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', colorNeutralShadowKey: 'rgba(0,0,0,0.14)', colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', colorBrandShadowKey: 'rgba(0,0,0,0.25)', colorPaletteRedBackground1: '#fdf6f6', colorPaletteRedBackground2: '#f1bbbc', colorPaletteRedBackground3: '#d13438', colorPaletteRedForeground1: '#bc2f32', colorPaletteRedForeground2: '#751d1f', colorPaletteRedForeground3: '#d13438', colorPaletteRedBorderActive: '#d13438', colorPaletteRedBorder1: '#f1bbbc', colorPaletteRedBorder2: '#d13438', colorPaletteGreenBackground1: '#f1faf1', colorPaletteGreenBackground2: '#9fd89f', colorPaletteGreenBackground3: '#107c10', colorPaletteGreenForeground1: '#0e700e', colorPaletteGreenForeground2: '#094509', colorPaletteGreenForeground3: '#107c10', colorPaletteGreenBorderActive: '#107c10', colorPaletteGreenBorder1: '#9fd89f', colorPaletteGreenBorder2: '#107c10', colorPaletteDarkOrangeBackground1: '#fdf6f3', colorPaletteDarkOrangeBackground2: '#f4bfab', colorPaletteDarkOrangeBackground3: '#da3b01', colorPaletteDarkOrangeForeground1: '#c43501', colorPaletteDarkOrangeForeground2: '#7a2101', colorPaletteDarkOrangeForeground3: '#da3b01', colorPaletteDarkOrangeBorderActive: '#da3b01', colorPaletteDarkOrangeBorder1: '#f4bfab', colorPaletteDarkOrangeBorder2: '#da3b01', colorPaletteYellowBackground1: '#fffef5', colorPaletteYellowBackground2: '#fef7b2', colorPaletteYellowBackground3: '#fde300', colorPaletteYellowForeground1: '#817400', colorPaletteYellowForeground2: '#817400', colorPaletteYellowForeground3: '#fde300', colorPaletteYellowBorderActive: '#fde300', colorPaletteYellowBorder1: '#fef7b2', colorPaletteYellowBorder2: '#fde300', colorPaletteBerryBackground1: '#fdf5fc', colorPaletteBerryBackground2: '#edbbe7', colorPaletteBerryBackground3: '#c239b3', colorPaletteBerryForeground1: '#af33a1', colorPaletteBerryForeground2: '#6d2064', colorPaletteBerryForeground3: '#c239b3', colorPaletteBerryBorderActive: '#c239b3', colorPaletteBerryBorder1: '#edbbe7', colorPaletteBerryBorder2: '#c239b3', colorPaletteLightGreenBackground1: '#f2fbf2', colorPaletteLightGreenBackground2: '#a7e3a5', colorPaletteLightGreenBackground3: '#13a10e', colorPaletteLightGreenForeground1: '#11910d', colorPaletteLightGreenForeground2: '#0b5a08', colorPaletteLightGreenForeground3: '#13a10e', colorPaletteLightGreenBorderActive: '#13a10e', colorPaletteLightGreenBorder1: '#a7e3a5', colorPaletteLightGreenBorder2: '#13a10e', colorPaletteMarigoldBackground1: '#fefbf4', colorPaletteMarigoldBackground2: '#f9e2ae', colorPaletteMarigoldBackground3: '#eaa300', colorPaletteMarigoldForeground1: '#d39300', colorPaletteMarigoldForeground2: '#835b00', colorPaletteMarigoldForeground3: '#eaa300', colorPaletteMarigoldBorderActive: '#eaa300', colorPaletteMarigoldBorder1: '#f9e2ae', colorPaletteMarigoldBorder2: '#eaa300', colorPaletteRedForegroundInverted: '#dc5e62', colorPaletteGreenForegroundInverted: '#359b35', colorPaletteYellowForegroundInverted: '#fef7b2', colorPaletteDarkRedBackground2: '#d69ca5', colorPaletteDarkRedForeground2: '#420610', colorPaletteDarkRedBorderActive: '#750b1c', colorPaletteCranberryBackground2: '#eeacb2', colorPaletteCranberryForeground2: '#6e0811', colorPaletteCranberryBorderActive: '#c50f1f', colorPalettePumpkinBackground2: '#efc4ad', colorPalettePumpkinForeground2: '#712d09', colorPalettePumpkinBorderActive: '#ca5010', colorPalettePeachBackground2: '#ffddb3', colorPalettePeachForeground2: '#8f4e00', colorPalettePeachBorderActive: '#ff8c00', colorPaletteGoldBackground2: '#ecdfa5', colorPaletteGoldForeground2: '#6c5700', colorPaletteGoldBorderActive: '#c19c00', colorPaletteBrassBackground2: '#e0cea2', colorPaletteBrassForeground2: '#553e06', colorPaletteBrassBorderActive: '#986f0b', colorPaletteBrownBackground2: '#ddc3b0', colorPaletteBrownForeground2: '#50301a', colorPaletteBrownBorderActive: '#8e562e', colorPaletteForestBackground2: '#bdd99b', colorPaletteForestForeground2: '#294903', colorPaletteForestBorderActive: '#498205', colorPaletteSeafoamBackground2: '#a8f0cd', colorPaletteSeafoamForeground2: '#00723b', colorPaletteSeafoamBorderActive: '#00cc6a', colorPaletteDarkGreenBackground2: '#9ad29a', colorPaletteDarkGreenForeground2: '#063b06', colorPaletteDarkGreenBorderActive: '#0b6a0b', colorPaletteLightTealBackground2: '#a6e9ed', colorPaletteLightTealForeground2: '#00666d', colorPaletteLightTealBorderActive: '#00b7c3', colorPaletteTealBackground2: '#9bd9db', colorPaletteTealForeground2: '#02494c', colorPaletteTealBorderActive: '#038387', colorPaletteSteelBackground2: '#94c8d4', colorPaletteSteelForeground2: '#00333f', colorPaletteSteelBorderActive: '#005b70', colorPaletteBlueBackground2: '#a9d3f2', colorPaletteBlueForeground2: '#004377', colorPaletteBlueBorderActive: '#0078d4', colorPaletteRoyalBlueBackground2: '#9abfdc', colorPaletteRoyalBlueForeground2: '#002c4e', colorPaletteRoyalBlueBorderActive: '#004e8c', colorPaletteCornflowerBackground2: '#c8d1fa', colorPaletteCornflowerForeground2: '#2c3c85', colorPaletteCornflowerBorderActive: '#4f6bed', colorPaletteNavyBackground2: '#a3b2e8', colorPaletteNavyForeground2: '#001665', colorPaletteNavyBorderActive: '#0027b4', colorPaletteLavenderBackground2: '#d2ccf8', colorPaletteLavenderForeground2: '#3f3682', colorPaletteLavenderBorderActive: '#7160e8', colorPalettePurpleBackground2: '#c6b1de', colorPalettePurpleForeground2: '#341a51', colorPalettePurpleBorderActive: '#5c2e91', colorPaletteGrapeBackground2: '#d9a7e0', colorPaletteGrapeForeground2: '#4c0d55', colorPaletteGrapeBorderActive: '#881798', colorPaletteLilacBackground2: '#e6bfed', colorPaletteLilacForeground2: '#63276d', colorPaletteLilacBorderActive: '#b146c2', colorPalettePinkBackground2: '#f7c0e3', colorPalettePinkForeground2: '#80215d', colorPalettePinkBorderActive: '#e43ba6', colorPaletteMagentaBackground2: '#eca5d1', colorPaletteMagentaForeground2: '#6b0043', colorPaletteMagentaBorderActive: '#bf0077', colorPalettePlumBackground2: '#d696c0', colorPalettePlumForeground2: '#43002b', colorPalettePlumBorderActive: '#77004d', colorPaletteBeigeBackground2: '#d7d4d4', colorPaletteBeigeForeground2: '#444241', colorPaletteBeigeBorderActive: '#7a7574', colorPaletteMinkBackground2: '#cecccb', colorPaletteMinkForeground2: '#343231', colorPaletteMinkBorderActive: '#5d5a58', colorPalettePlatinumBackground2: '#cdd6d8', colorPalettePlatinumForeground2: '#3b4447', colorPalettePlatinumBorderActive: '#69797e', colorPaletteAnchorBackground2: '#bcc3c7', colorPaletteAnchorForeground2: '#202427', colorPaletteAnchorBorderActive: '#394146', shadow2: '0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14)', shadow4: '0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14)', shadow8: '0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14)', shadow16: '0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14)', shadow28: '0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14)', shadow64: '0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14)', shadow2Brand: '0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25)', shadow4Brand: '0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25)', shadow8Brand: '0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25)', shadow16Brand: '0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25)', shadow28Brand: '0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25)', shadow64Brand: '0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25)', }; this.typographyTokens = { body1: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase300)', fontWeight: 'var(--fontWeightRegular)', lineHeight: 'var(--lineHeightBase300)', }, body1Strong: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase300)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightBase300)', }, body1Stronger: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase300)', fontWeight: 'var(--fontWeightBold)', lineHeight: 'var(--lineHeightBase300)', }, body2: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase400)', fontWeight: 'var(--fontWeightRegular)', lineHeight: 'var(--lineHeightBase400)', }, caption1: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase200)', fontWeight: 'var(--fontWeightRegular)', lineHeight: 'var(--lineHeightBase200)', }, caption1Strong: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase200)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightBase200)', }, caption1Stronger: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase200)', fontWeight: 'var(--fontWeightBold)', lineHeight: 'var(--lineHeightBase200)', }, caption2: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase100)', fontWeight: 'var(--fontWeightRegular)', lineHeight: 'var(--lineHeightBase100)', }, caption2Strong: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase100)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightBase100)', }, subtitle1: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase500)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightBase500)', }, subtitle2: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase400)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightBase400)', }, subtitle2Stronger: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase400)', fontWeight: 'var(--fontWeightBold)', lineHeight: 'var(--lineHeightBase400)', }, title1: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeHero800)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightHero800)', }, title2: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeHero700)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightHero700)', }, title3: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeBase600)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightBase600)', }, largeTitle: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeHero900)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightHero900)', }, display: { fontFamily: 'var(--fontFamilyBase)', fontSize: 'var(--fontSizeHero1000)', fontWeight: 'var(--fontWeightSemibold)', lineHeight: 'var(--lineHeightHero1000)', }, }; } }