'use strict';

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

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

var _themeGet2 = _interopRequireDefault(_themeGet);

var _arrow = require('../arrow.png');

var _arrow2 = _interopRequireDefault(_arrow);

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

var fadeIn = (0, _styledComponents.keyframes)(['from{opacity:0;}to{opacity:1;}']);

var spin = (0, _styledComponents.keyframes)(['to{transform:rotate(1turn);}']);

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

var SelectWrapper = _styledComponents2.default.div.withConfig({
  displayName: 'SelectWrapper'
})(['width:100%;color:', ';.Select{position:relative;font-size:1em;}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.Select.is-disabled > .Select-control{background-color:', ';}.Select.is-disabled > .Select-control:hover{box-shadow:none;}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:0.5;}.Select-placeholder ~ .Select-input,.Select-value ~ .Select-input{position:absolute;left:0;top:0;bottom:0;}.Select-control{background-color:', ';border-color:', ';border-radius:0;border-width:', ';border-style:solid;color:inherit;cursor:default;border-spacing:0;border-collapse:separate;outline:none;overflow:hidden;position:relative;width:100%;min-height:53px;display:flex;& > *{flex:0 1 auto;}& > .Select-multi-value-wrapper{flex:1 1 auto;}}', ' .Select-control .Select-input:focus{outline:none;}.is-searchable.is-open > .Select-control{cursor:text;}.is-open > .Select-control .Select-arrow{transform:rotate(180deg);}.is-searchable.is-focused:not(.is-open) > .Select-control{cursor:text;}.is-focused > .Select-control{border-color:', ';}.is-focused:not(.is-open) > .Select-control{box-shadow:inset 0 -5px 0 ', ';}.Select-placeholder,.Select--single > .Select-control .Select-value{color:inherit;font-size:inherit;line-height:1.5;padding:calc(', ' - 1px) ', ';max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.has-value.Select--single > .Select-control .Select-value .Select-value-label,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label{color:inherit;cursor:pointer;text-decoration:none;}.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover{color:', ';outline:none;}.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus{color:', ';outline:none;}& .is-open .Select-control .Select-value .Select-value-label{color:inherit !important;}.Select-input{font-size:inherit;line-height:1.5;padding:calc(', ' - 1px) ', ';vertical-align:middle;}.Select-input > input{padding:0;width:100%;background:none transparent;border:0 none;box-shadow:none;cursor:default;display:block;margin:0;outline:none;line-height:1;font-size:inherit;min-height:1em;font:', ';-webkit-appearance:none;}.is-focused .Select-input > input{cursor:text;}.has-value.is-pseudo-focused .Select-input{opacity:0;}.Select-control:not(.is-searchable) > .Select-input{outline:none;}.Select-loading-zone{position:absolute;right:35px;top:50%;transform:translateY(-50%);}.Select-loading{width:0;height:0;}.is-loading .Select-placeholder{width:100%;display:flex;& > *{margin:auto;}}.Select-clear-zone{animation:', ' 200ms;color:inherit;opacity:0.5;cursor:pointer;text-align:center;padding:9px 10px;}.Select-clear-zone:hover{opacity:1;}.Select-clear{font-size:20px;display:block;height:26px;}.Select--multi .Select-clear-zone{width:17px;}.Select-arrow-zone{cursor:pointer;display:inline-block;}.Select-arrow{display:block;padding:calc(', ' - 1px) ', ';transition:transform 200ms;&::before{font-family:', ';content:\'\\f117\';}}.is-open .Select-arrow,.Select-arrow-zone:hover > .Select-arrow{border-top-color:', ';}.Select--multi .Select-multi-value-wrapper{display:flex;flex-direction:row;}.Select .Select-aria-only{display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left;}.Select-menu-outer{background-color:', ';border:', ' solid ', ';border-top-width:0;box-shadow:', ';box-sizing:border-box;max-height:200px;position:absolute;top:100%;width:100%;z-index:1000000;-webkit-overflow-scrolling:touch;overflow:hidden;animation:', ' 200ms;}.Select-menu{max-height:198px;overflow-y:auto;}.Select-option{box-sizing:border-box;border-bottom:', ' solid ', ';background-color:', ';color:', ';cursor:pointer;display:block;padding:calc(', ' - 1px) ', ';}.Select-option.is-geted{color:', ';}.Select-option.is-focused{background-color:', ';color:', ';}.Select-option.is-disabled{color:', ';cursor:default;}.Select-noresults{box-sizing:border-box;color:', ';cursor:default;display:block;padding:calc(', ' - 1px) ', ';}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0;}.Select--multi.has-value .Select-input{margin-left:5px;}.Select--multi .Select-value{background-color:', ';border-radius:5px;color:', ';display:flex;flex-direction:row;justify-content:flex-start;font-size:0.9em;line-height:1.4;margin-left:5px;margin-top:5px;vertical-align:top;padding:', ';border-width:', ';border-style:solid;border-color:', ';}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{flex:0 0 auto;margin:auto 4px;}.Select--multi .Select-value-label{border-bottom-right-radius:2px;border-top-right-radius:2px;cursor:default;}.Select--multi a.Select-value-label{color:', ';cursor:pointer;text-decoration:none;}.Select--multi a.Select-value-label:hover{text-decoration:underline;}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:2px;border-top-left-radius:2px;border-right-width:', ';border-right-style:solid;border-right-color:', ';padding-right:5px;}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:active{color:', ';background:', ';}.Select--multi.is-disabled .Select-value{background-color:', ';border-color:', ';border-style:solid;border-width:', ';color:', ';}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right-color:', ';border-right-style:solid;border-right-width:', ';}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:', ';color:', ';}'], (0, _themeGet2.default)('colors.text.default'), (0, _themeGet2.default)('colors.background.disabled'), (0, _themeGet2.default)('colors.background.default'), function (props) {
  return props.invalid ? (0, _themeGet2.default)('colors.negative.border') : (0, _themeGet2.default)('colors.border.light');
}, (0, _themeGet2.default)('thicknesses.wide'), function (props) {
  return props.invalid ? (0, _styledComponents.css)(['.Select:not(.is-open) > .Select-control{box-shadow:inset 0 -5px 0 ', ';}'], (0, _themeGet2.default)('colors.negative.light')) : '';
}, (0, _themeGet2.default)('colors.border.medium'), (0, _themeGet2.default)('colors.primary.light'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('fonts.brand'), fadeIn, (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('fonts.icon'), (0, _themeGet2.default)('colors.gray.default'), (0, _themeGet2.default)('colors.background.default'), (0, _themeGet2.default)('thicknesses.wide'), (0, _themeGet2.default)('colors.border.medium'), (0, _themeGet2.default)('shadows.short'), expand, (0, _themeGet2.default)('thicknesses.normal'), (0, _themeGet2.default)('colors.gray.border'), (0, _themeGet2.default)('colors.background.default'), (0, _themeGet2.default)('colors.text.default'), (0, _themeGet2.default)('spacing.extraSmall'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.primary.light'), (0, _themeGet2.default)('colors.text.default'), (0, _themeGet2.default)('colors.gray.medium'), (0, _themeGet2.default)('colors.text.default'), (0, _themeGet2.default)('spacing.extraSmall'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('colors.primary.light'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('spacing.extraSmall'), (0, _themeGet2.default)('thicknesses.wide'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('thicknesses.wide'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.text.inverted'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.background.disabled'), (0, _themeGet2.default)('colors.gray.default'), (0, _themeGet2.default)('thicknesses.wide'), (0, _themeGet2.default)('colors.text.disabled'), (0, _themeGet2.default)('colors.gray.default'), (0, _themeGet2.default)('thicknesses.wide'), (0, _themeGet2.default)('colors.background.disabled'), (0, _themeGet2.default)('colors.text.disabled'));

exports.default = SelectWrapper;