1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 | export const ButtonPrimarySizeMediumHeight = "32px";
|
7 | export const ButtonPrimarySizeMediumTextPaddingX = "12px";
|
8 | export const ButtonPrimarySizeMediumTextPaddingY = "5px";
|
9 | export const ButtonPrimarySizeLargeHeight = "40px";
|
10 | export const ButtonPrimarySizeLargeTextPaddingX = "16px";
|
11 | export const ButtonPrimarySizeLargeTextPaddingY = "9px";
|
12 | export const ButtonPrimaryTextFontFamily = "-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif;";
|
13 | export const ButtonPrimaryTextColorDefault = "#ffffff";
|
14 | export const ButtonPrimaryTextColorDisabled = "#ffffff";
|
15 | export const ButtonPrimaryTextFontWeight = "600";
|
16 | export const ButtonPrimaryTextFontSize = "16px";
|
17 | export const ButtonPrimaryTextLineHeight = "1.25";
|
18 | export const ButtonPrimaryBackgroundColorDefault = "#3366cc";
|
19 | export const ButtonPrimaryBackgroundColorHover = "#447ff5";
|
20 | export const ButtonPrimaryBackgroundColorActive = "#2a4b8d";
|
21 | export const ButtonPrimaryBackgroundColorFocus = "#3366cc";
|
22 | export const ButtonPrimaryBackgroundColorDisabled = "#c8ccd1";
|
23 | export const ButtonPrimaryBorderColorDefault = "#3366cc";
|
24 | export const ButtonPrimaryBorderColorHover = "#447ff5";
|
25 | export const ButtonPrimaryBorderColorActive = "#2a4b8d";
|
26 | export const ButtonPrimaryBorderColorFocus = "#3366cc";
|
27 | export const ButtonPrimaryBorderColorDisabled = "#c8ccd1";
|
28 | export const ButtonPrimaryBorderRadius = "2px";
|
29 | export const ButtonPrimaryBorderWidthDefault = "1px";
|
30 | export const ButtonPrimaryBorderWidthIncrease = "2px";
|
31 | export const ButtonTextLineHeight = "1.25";
|
32 | export const ButtonTextFontSize = "16px";
|
33 | export const ButtonTextFontWeight = "600";
|
34 | export const ButtonTextPaddingMediumX = "12px";
|
35 | export const ButtonTextPaddingMediumY = "5px";
|
36 | export const ButtonTextPaddingLargeX = "16px";
|
37 | export const ButtonTextPaddingLargeY = "9px";
|
38 | export const ButtonTextColorPositive = "#202122";
|
39 | export const ButtonTextColorReversed = "#ffffff";
|
40 | export const ButtonHeightMedium = "32px";
|
41 | export const ButtonHeightLarge = "40px";
|
42 | export const ButtonBorderColorDisabled = "#c8ccd1";
|
43 | export const ButtonBackgroundColorDisabled = "#c8ccd1";
|
44 | export const TextColorBase = "#202122";
|
45 | export const TextColorEmphasized = "#000000";
|
46 | export const TextColorSecondary = "#72777d";
|
47 | export const BackgroundColorUnframedBase = "#ffffff";
|
48 | export const BackgroundColorUnframedHover = "#eaecf0";
|
49 | export const BackgroundColorUnframedFocus = "#ffffff";
|
50 | export const BackgroundColorUnframedDisabled = "#eaecf0";
|
51 | export const BackgroundColorFramedBase = "#f8f9fa";
|
52 | export const BackgroundColorFramedHover = "#ffffff";
|
53 | export const BackgroundColorFramedActive = "#72777d";
|
54 | export const BackgroundColorFramedDisabled = "#c8ccd1";
|
55 | export const BorderColorBase = "#a2a9b1";
|
56 | export const BorderColorHover = "#72777d";
|
57 | export const BorderColorActive = "#72777d";
|
58 | export const BorderColorFocus = "#a2a9b1";
|
59 | export const BorderColorDisabled = "#c8ccd1";
|
60 | export const BorderRadiusNone = "0px";
|
61 | export const BorderRadiusRound = "2px";
|
62 | export const BorderRadiusRounder = "4px";
|
63 | export const BorderWidthThin = "1px";
|
64 | export const BorderWidthThick = "2px";
|
65 | export const FontFamilySans = "-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif;";
|
66 | export const FontFamilySerif = "'Linux Libertine', 'Georgia', 'Times', serif;";
|
67 | export const FontFamilyMonospace = "'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;";
|
68 | export const FontWeightRegular = "400";
|
69 | export const FontWeightBold = "600";
|
70 | export const FontLineHeightSmall = "1.25";
|
71 | export const FontLineHeightMedium = "1.5";
|
72 | export const FontLineHeightLarge = "1.6";
|
73 | export const ColorBase0 = "#000000";
|
74 | export const ColorBase10 = "#202122";
|
75 | export const ColorBase20 = "#54595d";
|
76 | export const ColorBase30 = "#72777d";
|
77 | export const ColorBase50 = "#a2a9b1";
|
78 | export const ColorBase70 = "#c8ccd1";
|
79 | export const ColorBase80 = "#eaecf0";
|
80 | export const ColorBase90 = "#f8f9fa";
|
81 | export const ColorBase100 = "#ffffff";
|
82 | export const ColorAccent30 = "#2a4b8d";
|
83 | export const ColorAccent50 = "#3366cc";
|
84 | export const ColorAccent90 = "#eaf3ff";
|
85 | export const ColorUtilityRed30 = "#b32424";
|
86 | export const ColorUtilityRed50 = "#dd3333";
|
87 | export const ColorUtilityRed90 = "#fee7e6";
|
88 | export const ColorUtilityGreen30 = "#14866d";
|
89 | export const ColorUtilityGreen50 = "#00af89";
|
90 | export const ColorUtilityGreen90 = "#d5fdf4";
|
91 | export const ColorUtilityYellow30 = "#ac6600";
|
92 | export const ColorUtilityYellow50 = "#ffcc33";
|
93 | export const ColorUtilityYellow90 = "#fef6e7";
|
94 | export const ColorInteractionPrimaryHover = "#447ff5";
|
95 | export const ColorInteractionDestructiveActive = "#d11d13";
|
96 | export const DimensionFontSizeXsmall = "13px";
|
97 | export const DimensionFontSizeSmall = "14px";
|
98 | export const DimensionFontSizeMedium = "16px";
|
99 | export const DimensionFontSizeLarge = "18px";
|
100 | export const DimensionFontSizeXlarge = "20px";
|
101 | export const DimensionFontSizeXxlarge = "24px";
|
102 | export const DimensionFontSizeXxxlarge = "32px";
|
103 | export const DimensionStaticSize0 = "0px";
|
104 | export const DimensionStaticSize10 = "1px";
|
105 | export const DimensionStaticSize25 = "2px";
|
106 | export const DimensionStaticSize50 = "4px";
|
107 | export const DimensionStaticSize65 = "5px";
|
108 | export const DimensionStaticSize100 = "8px";
|
109 | export const DimensionStaticSize110 = "9px";
|
110 | export const DimensionStaticSize150 = "12px";
|
111 | export const DimensionStaticSize200 = "16px";
|
112 | export const DimensionStaticSize250 = "20px";
|
113 | export const DimensionStaticSize300 = "24px";
|
114 | export const DimensionStaticSize400 = "32px";
|
115 | export const DimensionStaticSize500 = "40px";
|
116 | export const TransitionDurationFast = "100ms";
|
117 | export const TransitionDurationRegular = "200ms";
|
118 | export const TransitionDurationSlower = "300ms";
|
119 | export const TransitionDurationSlowest = "400ms"; |
\ | No newline at end of file |