UNPKG

@fluentui/react-northstar

Version:

A themable React component library.

github.com/microsoft/fluentui/tree/master/packages/fluentui/react-northstar

microsoft/fluentui

70 lines (69 loc) • 3.53 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import { pxToRem } from '../../../../utils'; export var buttonVariables = function buttonVariables(siteVars) { return { padding: "0 " + pxToRem(20), height: pxToRem(32), minWidth: pxToRem(96), loadingMinWidth: pxToRem(118), maxWidth: pxToRem(280), borderRadius: siteVars.borderRadiusMedium, contentFontSize: siteVars.fontSizes.medium, contentFontWeight: siteVars.fontWeightSemibold, contentLineHeight: siteVars.lineHeightMedium, color: siteVars.colorScheme.default.foreground, colorHover: siteVars.colorScheme.default.foregroundHover, colorActive: siteVars.colorScheme.default.foregroundPressed, colorDisabled: siteVars.colorScheme.brand.foregroundDisabled, colorFocus: undefined, iconSize: pxToRem(16), backgroundColor: siteVars.colorScheme.default.background, backgroundColorActive: siteVars.colorScheme.default.backgroundPressed, backgroundColorHover: siteVars.colorScheme.default.backgroundHover1, backgroundColorFocus: undefined, backgroundColorDisabled: siteVars.colorScheme.default.backgroundDisabled, borderColor: siteVars.colorScheme.default.border, borderColorHover: siteVars.colorScheme.default.borderHover, borderColorFocus: undefined, borderColorActive: siteVars.colorScheme.default.borderPressed, borderColorDisabled: 'transparent', backgroundColorIconOnlyHover: siteVars.colorScheme.default.backgroundHover2, primaryColor: siteVars.colorScheme.brand.foreground4, primaryColorHover: siteVars.colorScheme.brand.foreground4, primaryBackgroundColor: siteVars.colorScheme.brand.background, primaryBackgroundColorActive: siteVars.colorScheme.brand.backgroundPressed, primaryBackgroundColorHover: siteVars.colorScheme.brand.backgroundHover, primaryBackgroundColorDisabled: siteVars.colorScheme.default.backgroundDisabled, primaryBackgroundColorFocus: undefined, primaryBorderColor: 'transparent', tintedColor: siteVars.colorScheme.brand.foreground, tintedColorHover: siteVars.colorScheme.brand.foregroundHover, tintedBackgroundColor: siteVars.colorScheme.default.background, tintedBackgroundColorActive: siteVars.colorScheme.brand.backgroundHover1, tintedBackgroundColorHover: siteVars.colorScheme.brand.backgroundHover1, tintedBorderColor: siteVars.colorScheme.brand.border1, tintedBorderColorHover: siteVars.colorScheme.brand.borderHover, circularBorderRadius: pxToRem(999), textColor: siteVars.colorScheme.default.foreground1, textColorHover: siteVars.colorScheme.brand.foreground1, textPrimaryColor: siteVars.colorScheme.brand.foreground, textPrimaryColorHover: siteVars.colorScheme.brand.foreground1, textColorDisabled: siteVars.colorScheme.brand.foregroundDisabled1, textColorIconOnlyHover: siteVars.colorScheme.brand.foregroundHover, primaryBoxShadow: siteVars.shadowLevel1Dark, boxShadow: siteVars.shadowLevel1, loaderBorderSize: pxToRem(2), loaderSize: pxToRem(20), loaderSvgHeight: pxToRem(20), loaderSvgAnimationHeight: pxToRem(-1200), sizeSmallContentFontSize: siteVars.fontSizes.small, sizeSmallContentLineHeight: siteVars.lineHeightSmall, sizeSmallHeight: pxToRem(24), sizeSmallMinWidth: pxToRem(72), sizeSmallPadding: "0 " + pxToRem(8), sizeSmallLoaderBorderSize: pxToRem(2), sizeSmallLoaderSize: pxToRem(15), sizeSmallLoaderSvgHeight: pxToRem(15), sizeSmallLoaderSvgAnimationHeight: pxToRem(-880) }; }; //# sourceMappingURL=buttonVariables.js.map