@fluentui/react-northstar
Version:
A themable React component library.
38 lines (37 loc) • 1.95 kB
JavaScript
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