| 1 | const core = {
|
| 2 | white: '#fff',
|
| 3 | gray: '#484848',
|
| 4 | grayLight: '#82888a',
|
| 5 | grayLighter: '#cacccd',
|
| 6 | grayLightest: '#f2f2f2',
|
| 7 |
|
| 8 | borderMedium: '#c4c4c4',
|
| 9 | border: '#dbdbdb',
|
| 10 | borderLight: '#e4e7e7',
|
| 11 | borderLighter: '#eceeee',
|
| 12 | borderBright: '#f4f5f5',
|
| 13 |
|
| 14 | primary: '#00a699',
|
| 15 | primaryShade_1: '#33dacd',
|
| 16 | primaryShade_2: '#66e2da',
|
| 17 | primaryShade_3: '#80e8e0',
|
| 18 | primaryShade_4: '#b2f1ec',
|
| 19 | primary_dark: '#008489',
|
| 20 |
|
| 21 | secondary: '#007a87',
|
| 22 |
|
| 23 | yellow: '#ffe8bc',
|
| 24 | yellow_dark: '#ffce71',
|
| 25 | };
|
| 26 |
|
| 27 | export default {
|
| 28 | reactDates: {
|
| 29 | zIndex: 0,
|
| 30 | border: {
|
| 31 | input: {
|
| 32 | border: 0,
|
| 33 | borderTop: 0,
|
| 34 | borderRight: 0,
|
| 35 | borderBottom: '2px solid transparent',
|
| 36 | borderLeft: 0,
|
| 37 | outlineFocused: 0,
|
| 38 | borderFocused: 0,
|
| 39 | borderTopFocused: 0,
|
| 40 | borderLeftFocused: 0,
|
| 41 | borderBottomFocused: `2px solid ${core.primary_dark}`,
|
| 42 | borderRightFocused: 0,
|
| 43 | borderRadius: 0,
|
| 44 | },
|
| 45 | pickerInput: {
|
| 46 | borderWidth: 1,
|
| 47 | borderStyle: 'solid',
|
| 48 | borderRadius: 2,
|
| 49 | },
|
| 50 | },
|
| 51 |
|
| 52 | color: {
|
| 53 | core,
|
| 54 |
|
| 55 | disabled: core.grayLightest,
|
| 56 |
|
| 57 | background: core.white,
|
| 58 | backgroundDark: '#f2f2f2',
|
| 59 | backgroundFocused: core.white,
|
| 60 | border: 'rgb(219, 219, 219)',
|
| 61 | text: core.gray,
|
| 62 | textDisabled: core.border,
|
| 63 | textFocused: '#007a87',
|
| 64 | placeholderText: '#757575',
|
| 65 |
|
| 66 | outside: {
|
| 67 | backgroundColor: core.white,
|
| 68 | backgroundColor_active: core.white,
|
| 69 | backgroundColor_hover: core.white,
|
| 70 | color: core.gray,
|
| 71 | color_active: core.gray,
|
| 72 | color_hover: core.gray,
|
| 73 | },
|
| 74 |
|
| 75 | highlighted: {
|
| 76 | backgroundColor: core.yellow,
|
| 77 | backgroundColor_active: core.yellow_dark,
|
| 78 | backgroundColor_hover: core.yellow_dark,
|
| 79 | color: core.gray,
|
| 80 | color_active: core.gray,
|
| 81 | color_hover: core.gray,
|
| 82 | },
|
| 83 |
|
| 84 | minimumNights: {
|
| 85 | backgroundColor: core.white,
|
| 86 | backgroundColor_active: core.white,
|
| 87 | backgroundColor_hover: core.white,
|
| 88 | borderColor: core.borderLighter,
|
| 89 | color: core.grayLighter,
|
| 90 | color_active: core.grayLighter,
|
| 91 | color_hover: core.grayLighter,
|
| 92 | },
|
| 93 |
|
| 94 | hoveredSpan: {
|
| 95 | backgroundColor: core.primaryShade_4,
|
| 96 | backgroundColor_active: core.primaryShade_3,
|
| 97 | backgroundColor_hover: core.primaryShade_4,
|
| 98 | borderColor: core.primaryShade_3,
|
| 99 | borderColor_active: core.primaryShade_3,
|
| 100 | borderColor_hover: core.primaryShade_3,
|
| 101 | color: core.secondary,
|
| 102 | color_active: core.secondary,
|
| 103 | color_hover: core.secondary,
|
| 104 | },
|
| 105 |
|
| 106 | selectedSpan: {
|
| 107 | backgroundColor: core.primaryShade_2,
|
| 108 | backgroundColor_active: core.primaryShade_1,
|
| 109 | backgroundColor_hover: core.primaryShade_1,
|
| 110 | borderColor: core.primaryShade_1,
|
| 111 | borderColor_active: core.primary,
|
| 112 | borderColor_hover: core.primary,
|
| 113 | color: core.white,
|
| 114 | color_active: core.white,
|
| 115 | color_hover: core.white,
|
| 116 | },
|
| 117 |
|
| 118 | selected: {
|
| 119 | backgroundColor: core.primary,
|
| 120 | backgroundColor_active: core.primary,
|
| 121 | backgroundColor_hover: core.primary,
|
| 122 | borderColor: core.primary,
|
| 123 | borderColor_active: core.primary,
|
| 124 | borderColor_hover: core.primary,
|
| 125 | color: core.white,
|
| 126 | color_active: core.white,
|
| 127 | color_hover: core.white,
|
| 128 | },
|
| 129 |
|
| 130 | blocked_calendar: {
|
| 131 | backgroundColor: core.grayLighter,
|
| 132 | backgroundColor_active: core.grayLighter,
|
| 133 | backgroundColor_hover: core.grayLighter,
|
| 134 | borderColor: core.grayLighter,
|
| 135 | borderColor_active: core.grayLighter,
|
| 136 | borderColor_hover: core.grayLighter,
|
| 137 | color: core.grayLight,
|
| 138 | color_active: core.grayLight,
|
| 139 | color_hover: core.grayLight,
|
| 140 | },
|
| 141 |
|
| 142 | blocked_out_of_range: {
|
| 143 | backgroundColor: core.white,
|
| 144 | backgroundColor_active: core.white,
|
| 145 | backgroundColor_hover: core.white,
|
| 146 | borderColor: core.borderLight,
|
| 147 | borderColor_active: core.borderLight,
|
| 148 | borderColor_hover: core.borderLight,
|
| 149 | color: core.grayLighter,
|
| 150 | color_active: core.grayLighter,
|
| 151 | color_hover: core.grayLighter,
|
| 152 | },
|
| 153 | },
|
| 154 |
|
| 155 | spacing: {
|
| 156 | dayPickerHorizontalPadding: 9,
|
| 157 | captionPaddingTop: 22,
|
| 158 | captionPaddingBottom: 37,
|
| 159 | inputPadding: 0,
|
| 160 | displayTextPaddingVertical: undefined,
|
| 161 | displayTextPaddingTop: 11,
|
| 162 | displayTextPaddingBottom: 9,
|
| 163 | displayTextPaddingHorizontal: undefined,
|
| 164 | displayTextPaddingLeft: 11,
|
| 165 | displayTextPaddingRight: 11,
|
| 166 | displayTextPaddingVertical_small: undefined,
|
| 167 | displayTextPaddingTop_small: 7,
|
| 168 | displayTextPaddingBottom_small: 5,
|
| 169 | displayTextPaddingHorizontal_small: undefined,
|
| 170 | displayTextPaddingLeft_small: 7,
|
| 171 | displayTextPaddingRight_small: 7,
|
| 172 | },
|
| 173 |
|
| 174 | sizing: {
|
| 175 | inputWidth: 130,
|
| 176 | inputWidth_small: 97,
|
| 177 | arrowWidth: 24,
|
| 178 | },
|
| 179 |
|
| 180 | noScrollBarOnVerticalScrollable: false,
|
| 181 |
|
| 182 | font: {
|
| 183 | size: 14,
|
| 184 | captionSize: 18,
|
| 185 | input: {
|
| 186 | size: 19,
|
| 187 | lineHeight: '24px',
|
| 188 | size_small: 15,
|
| 189 | lineHeight_small: '18px',
|
| 190 | letterSpacing_small: '0.2px',
|
| 191 | styleDisabled: 'italic',
|
| 192 | },
|
| 193 | },
|
| 194 | },
|
| 195 | };
|