UNPKG

@fluentui/react-northstar

Version:
38 lines (37 loc) 1.95 kB
import { stringLiteralsArray } from '../../../../utils'; import { pickValuesFromColorScheme } from '../../../colorUtils'; export var textColorAreas = stringLiteralsArray('foreground'); export var textVariables = function textVariables(siteVariables) { return { colorScheme: pickValuesFromColorScheme(siteVariables.colorScheme, textColorAreas), fontSizeSmallest: siteVariables.fontSizes.smallest, fontLineHeightSmallest: siteVariables.lineHeightSmallest, fontSizeSmaller: siteVariables.fontSizes.smaller, fontLineHeightSmaller: siteVariables.lineHeightSmaller, fontSizeSmall: siteVariables.fontSizes.small, fontLineHeightSmall: siteVariables.lineHeightSmall, fontSizeMedium: siteVariables.fontSizes.medium, fontLineHeightMedium: siteVariables.lineHeightMedium, fontSizeLarge: siteVariables.fontSizes.large, fontLineHeightLarge: siteVariables.lineHeightLarge, fontSizeLarger: siteVariables.fontSizes.larger, fontLineHeightLarger: siteVariables.lineHeightLarger, fontSizeLargest: siteVariables.fontSizes.largest, fontLineHeightLargest: siteVariables.lineHeightLargest, fontWeightLight: siteVariables.fontWeightLight, fontWeightSemilight: siteVariables.fontWeightSemilight, fontWeightRegular: siteVariables.fontWeightRegular, fontWeightSemibold: siteVariables.fontWeightSemibold, fontWeightBold: siteVariables.fontWeightBold, atMentionOtherColor: siteVariables.colors.brand[600], atMentionMeColor: siteVariables.colors.orange[400], atMentionMeFontWeight: siteVariables.fontWeightBold, disabledColor: siteVariables.colors.grey[250], errorColor: siteVariables.colorScheme.red.foreground, importantWeight: siteVariables.fontWeightBold, importantColor: siteVariables.colors.red[400], successColor: siteVariables.colors.green[600], timestampColor: siteVariables.colorScheme.default.foreground1 }; }; //# sourceMappingURL=textVariables.js.map