-
Notifications
You must be signed in to change notification settings - Fork 14
/
DropdownTheme.jsx
52 lines (51 loc) · 1.55 KB
/
DropdownTheme.jsx
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
export default {
dropdown: {
// Breadcrumbs tokens
buttonIconSize: "16px",
buttonPaddingTop: "4px",
buttonPaddingBottom: "4px",
buttonPaddingLeft: "4px",
buttonPaddingRight: "4px",
buttonHeight: "24px",
buttonBorderRadius: "2px",
buttonBorderColor: "transparent",
optionFontSize: "14px",
optionPaddingTop: "0px",
optionPaddingBottom: "0px",
optionPaddingLeft: "16px",
optionPaddingRight: "16px",
// Dropdown tokens
buttonBackgroundColor: "#ffffff",
hoverButtonBackgroundColor: "#f2f2f2",
activeButtonBackgroundColor: "#cccccc",
buttonFontFamily: "Open Sans, sans-serif",
buttonFontSize: "1rem",
buttonFontStyle: "normal",
buttonFontWeight: "400",
buttonFontColor: "#000000",
buttonIconSpacing: "10px",
buttonIconColor: "#5f249f",
disabledColor: "#999999",
disabledButtonBackgroundColor: "transparent",
disabledBorderColor: "transparent",
optionBackgroundColor: "#ffffff",
hoverOptionBackgroundColor: "#f2f2f2",
activeOptionBackgroundColor: "#cccccc",
optionFontFamily: "Open Sans, sans-serif",
optionFontStyle: "normal",
optionFontWeight: "400",
optionFontColor: "#000000",
optionIconSize: "20px",
optionIconSpacing: "10px",
optionIconColor: "#000000",
caretIconSize: "24px",
caretIconColor: "#000000",
caretIconSpacing: "12px",
borderRadius: "4px",
borderStyle: "none",
borderThickness: "0px",
borderColor: "transparent",
scrollBarThumbColor: "#666666",
scrollBarTrackColor: "#cccccc",
},
};