'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _styledComponents = require('styled-components');

var _icons = require('../../Icon/icons');

var _icons2 = _interopRequireDefault(_icons);

var _themeGet = require('../../../extensions/themeGet');

var _themeGet2 = _interopRequireDefault(_themeGet);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var expandDown = (0, _styledComponents.keyframes)(['from{transform:translateY(-50%) scaleY(0);opacity:0;}to{transform:translateY(0) scaleY(1);opacity:1;}']);

var expandUp = (0, _styledComponents.keyframes)(['from{transform:translateY(50%) scaleY(0);opacity:0;}to{transform:translateY(0) scaleY(1);opacity:1;}']);

exports.default = (0, _styledComponents.css)(['font-family:', ';color:', ';box-sizing:border-box;.DateRangePicker{display:block;box-sizing:border-box;}.DateRangePicker_picker,.SingleDatePicker_picker{top:', ';bottom:', ';width:', ';animation:', ' 200ms;overflow:hidden;}', ' .DayPicker_transitionContainer{width:inherit !important;}.DateRangePickerInput,.SingleDatePickerInput{width:100%;display:flex;flex-direction:row;border:none;& > .DateInput{flex:1;}& > .DateRangePickerInput_arrow{margin:auto;}}.DateRangePickerInput__disabled,.SingleDatePickerInput__disabled{background:transparent;& > .DateInput{background:', ';border-color:', ';}}.DateRangePicker_picker__openDown,.SingleDatePicker_picker__openDown{top:49px;}.DateRangePicker_picker__openUp,.SingleDatePicker_picker__openUp{bottom:49px;}.DateInput{width:auto;transition:color 200ms;&::after{position:absolute;right:var(--spacing-medium);top:50%;content:"', '";font-family:var(--fonts-icon);font-size:1.5em;transform:translateY(-50%);}.DateInput_fang{display:none;}}&.focused .DateInput{color:var(--colors-primary-default);}&.focused-startDate .DateInput:first-child{color:var(--colors-primary-default);}&.focused-endDate .DateInput:last-child{color:var(--colors-primary-default);}.DateInput_input{z-index:100;transition:all 200ms;font-family:var(--fonts-brand);font-size:14px;line-height:1.5;padding:calc(var(--spacing-medium) - 1px) var(--spacing-medium);border:', ' solid ', ';}.DateInput_input__focused{box-shadow:inset 0 -5px 0 ', ';border-color:var(--colors-border-medium);}.DateInput_displayText{font-family:', ';font-size:14px;font-weight:normal;color:', ';position:relative;padding-right:2.5em;z-index:0;}.DateInput_displayText__focused{background:transparent;&::after{color:', ';}}.DateInput_input__disabled{font-style:normal;color:var(--colors-text-disabled);}.DayPicker{box-shadow:none;border-width:', ';border-style:solid;border-color:', ';border-radius:0;width:auto !important;& > div > div{width:auto !important;}}.CalendarMonth_table{margin-top:var(--spacing-medium);}.CalendarMonth{background:', ';padding:0 ', ' 0 0;color:', ';}.CalendarMonth_caption{font-size:14px;color:', ';padding:var(--spacing-medium);}.CalendarMonthGrid__horizontal{left:0;}.CalendarDay__default{border-color:', ';background:', ';color:', ';&:hover{background:', ';color:', ';}}.CalendarDay__selected_span{background:', ';&:hover{background:var(--colors-primary-default);color:var(--colors-text-inverted);}}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:', ';color:', ';}.CalendarDay__blocked_out_of_range{color:', ';background:', ';cursor:normal;&:hover{color:', ';background:', ';border-color:', ';}}.CalendarDay_button{cursor:pointer;}.DayPickerNavigation{display:flex;justify-content:space-between;padding:var(--spacing-medium);position:absolute;width:100%;}.DayPickerNavigation_button{background:transparent;border:none;color:', ';font-size:1em;}.DayPicker_weekHeaders__horizontal{margin:0;}.DayPicker_weekHeader{padding:0;top:45px;white-space:nowrap;color:var(--colors-text-default);&:not(:first-of-type){transform:translateX(4px);}}.DayPicker_weekHeader_li > small{font-weight:bold;}'], (0, _themeGet2.default)('fonts.brand'), (0, _themeGet2.default)('colors.text.default'), function (_ref) {
  var openDirection = _ref.openDirection;
  return openDirection === 'up' ? 'inherit' : '51px !important';
}, function (_ref2) {
  var openDirection = _ref2.openDirection;
  return openDirection === 'up' ? '51px !important' : 'inherit';
}, function (_ref3) {
  var disabled = _ref3.disabled;
  return disabled ? '262px' : '100%';
}, function (_ref4) {
  var openDirection = _ref4.openDirection;
  return openDirection === 'up' ? expandUp : expandDown;
}, function (_ref5) {
  var invalid = _ref5.invalid;
  return invalid && (0, _styledComponents.css)(['.DateInput_input:not(.DateInput_input__focused){border-color:var(--colors-negative-border) !important;box-shadow:inset 0 -5px 0 ', ';}'], (0, _themeGet2.default)('colors.negative.light'));
}, (0, _themeGet2.default)('colors.background.disabled'), (0, _themeGet2.default)('colors.border.medium'), (0, _icons2.default)('calendar'), (0, _themeGet2.default)('thicknesses.wide'), (0, _themeGet2.default)('colors.border.light'), (0, _themeGet2.default)('colors.primary.light'), (0, _themeGet2.default)('fonts.brand'), (0, _themeGet2.default)('colors.text.default'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('thicknesses.wide'), (0, _themeGet2.default)('colors.border.medium'), (0, _themeGet2.default)('colors.background.default'), (0, _themeGet2.default)('spacing.large'), (0, _themeGet2.default)('colors.text.default'), (0, _themeGet2.default)('colors.text.default'), (0, _themeGet2.default)('colors.border.medium'), (0, _themeGet2.default)('colors.background.default'), (0, _themeGet2.default)('colors.text.default'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.text.inverted'), (0, _themeGet2.default)('colors.primary.light'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.text.inverted'), (0, _themeGet2.default)('colors.text.disabled'), (0, _themeGet2.default)('colors.background.disabled'), (0, _themeGet2.default)('colors.text.disabled'), (0, _themeGet2.default)('colors.background.disabled'), (0, _themeGet2.default)('colors.border.medium'), (0, _themeGet2.default)('colors.text.default'));