@kvdbil/components 3.3.5-4 → 3.4.0

package/cjs/components/CheckBox/index.js

@@ -1,19 +1,4 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var styled = require('styled-components');
-var shared_helpers = require('../../shared/helpers.js');
-var theme = require('../../theme.js');
-var components_IconButton = require('../IconButton.js');
-var components_Icons_CheckIcon = require('../Icons/CheckIcon.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const regularSize = styled.css `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/helpers.js"),s=require("../../theme.js"),i=require("../IconButton.js"),l=require("../Icons/CheckIcon.js");function a(g){return g&&typeof g=="object"&&"default"in g?g:{default:g}}var o=a(e),c=a(r);const d={regular:r.css`
   width: 24px;
   height: 24px;
 
@@ -21,8 +6,7 @@ const regularSize = styled.css `
     width: 15px;
     height: 15px;
   }
-`;
-const largeSize = styled.css `
+`,large:r.css`
   width: 32px;
   height: 32px;
 
@@ -30,34 +14,14 @@ const largeSize = styled.css `
     width: 20px;
     height: 20px;
   }
-`;
-const sizes = {
-    regular: regularSize,
-    large: largeSize,
-};
-const disabledStyle = styled.css `
+`},u=r.css`
   cursor: default;
-  border: 2px solid ${theme['default'].colors.gray.light1};
-`;
-const checkedStyle = (color) => styled.css `
-  svg {
-    fill: #fefefe;
-    opacity: 1;
-  }
-
-  :hover {
-  }
-
-  background: ${theme['default'].colors[color].main};
-  border: 2px solid ${theme['default'].colors[color].main};
-`;
-const checkedDisabledStyle = styled.css `
-  background: ${theme['default'].colors.gray.light1};
-`;
-const HiddenCheckbox = styled__default['default'].input.attrs({ type: 'checkbox' }) `
+  border: 2px solid ${s.default.colors.gray.light1};
+`,n=r.css`
+  background: ${s.default.colors.gray.light1};
+`,h=c.default.input.attrs({type:"checkbox"})`
   display: none;
-`;
-const CheckboxWrapper = styled__default['default'].label `
+`,p=c.default.label`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -65,21 +29,28 @@ const CheckboxWrapper = styled__default['default'].label `
   align-items: center;
   justify-content: center;
 
-  border: 2px solid ${theme['default'].colors.gray.light1};
+  border: 2px solid ${s.default.colors.gray.light1};
   border-radius: 3px;
 
-  ${props => sizes[props.size]};
+  ${g=>d[g.size]};
 
   svg {
     opacity: 0;
   }
 
-  ${props => props.isChecked && checkedStyle(props.color)};
-  ${props => props.isDisabled && disabledStyle};
+  ${g=>{return g.isChecked&&(x=g.color,r.css`
+  svg {
+    fill: #fefefe;
+    opacity: 1;
+  }
+
+  :hover {
+  }
 
-  ${props => props.isChecked && props.isDisabled && checkedDisabledStyle};
-`;
-const CheckBox = ({ name = shared_helpers.generateNameHash('check-box'), isDisabled = false, size = 'regular', checked, color = 'secondary', onClick, ...rest }) => (jsxRuntime.jsxs(components_IconButton['default'], Object.assign({ onClick: onClick, isActive: checked, isDisabled: isDisabled, color: color }, { children: [jsxRuntime.jsx(HiddenCheckbox, Object.assign({}, rest, { "data-validate": "checked", name: name, id: name, disabled: isDisabled }), void 0), jsxRuntime.jsx(CheckboxWrapper, Object.assign({ htmlFor: name, size: size, color: color, isChecked: checked, isDisabled: isDisabled }, { children: jsxRuntime.jsx(components_Icons_CheckIcon['default'], {}, void 0) }), void 0)] }), void 0));
+  background: ${s.default.colors[x].main};
+  border: 2px solid ${s.default.colors[x].main};
+`);var x}};
+  ${g=>g.isDisabled&&u};
 
-exports.CheckBox = CheckBox;
-exports['default'] = CheckBox;
+  ${g=>g.isChecked&&g.isDisabled&&n};
+`,f=({name:g=t.generateNameHash("check-box"),isDisabled:x=!1,size:m="regular",checked:b,color:k="secondary",onClick:y,...v})=>o.default.createElement(i.default,{onClick:y,isActive:b,isDisabled:x,color:k},o.default.createElement(h,{...v,"data-validate":"checked",name:g,id:g,disabled:x}),o.default.createElement(p,{htmlFor:g,size:m,color:k,isChecked:b,isDisabled:x},o.default.createElement(l.default,null)));exports.CheckBox=f,exports.default=f;

package/cjs/components/Chip/index.js

@@ -1,78 +1,23 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var styled = require('styled-components');
-var shared_helpers = require('../../shared/helpers.js');
-var theme = require('../../theme.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const getBackgroundColor = ({ isDisabled, isActive, activeColor, }) => {
-    if (isActive && isDisabled) {
-        return shared_helpers.fadedColor(theme['default'].colors[activeColor].main, 0.5);
-    }
-    if (isDisabled) {
-        return theme['default'].colors.gray.light4;
-    }
-    if (isActive) {
-        return theme['default'].colors[activeColor].main;
-    }
-    return 'transparent';
-};
-const getColor = ({ isActive, isDisabled }) => {
-    if (isActive || (isActive && isDisabled)) {
-        return theme['default'].colors.text.light;
-    }
-    if (isDisabled) {
-        return theme['default'].colors.text.disabled;
-    }
-    return theme['default'].colors.text.dark;
-};
-const getFontSize = (size = 'smaller') => {
-    const sizes = {
-        smaller: '0.8125rem',
-        small: '1rem',
-        regular: '1rem',
-        large: '1.25rem',
-    };
-    return sizes[size];
-};
-const Item = styled__default['default'].div `
-  font-family: ${({ theme }) => theme.typography.fontAlternativeFamily};
-  font-size: ${({ size }) => getFontSize(size)};
-  font-weight: ${({ theme }) => theme.typography.fontAlternativeBoldWeight};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../shared/helpers.js"),i=require("../../theme.js");function l(c){return c&&typeof c=="object"&&"default"in c?c:{default:c}}var a=l(e),o=l(t);const s=o.default.div`
+  font-family: ${({theme:c})=>c.typography.fontAlternativeFamily};
+  font-size: ${({size:c})=>((u="smaller")=>({smaller:"0.8125rem",small:"1rem",regular:"1rem",large:"1.25rem"})[u])(c)};
+  font-weight: ${({theme:c})=>c.typography.fontAlternativeBoldWeight};
   line-height: 1.25;
   letter-spacing: 0.1px;
   display: inline-block;
-  cursor: ${({ isDisabled }) => (!isDisabled ? 'pointer' : 'auto')};
+  cursor: ${({isDisabled:c})=>c?"auto":"pointer"};
   align-items: center;
-  background: ${getBackgroundColor};
-  color: ${getColor};
+  background: ${({isDisabled:c,isActive:u,activeColor:f})=>u&&c?r.fadedColor(i.default.colors[f].main,.5):c?i.default.colors.gray.light4:u?i.default.colors[f].main:"transparent"};
+  color: ${({isActive:c,isDisabled:u})=>c||c&&u?i.default.colors.text.light:u?i.default.colors.text.disabled:i.default.colors.text.dark};
   justify-content: center;
   border-width: 1px;
   border-style: solid;
-  border-color: ${({ isActive, isDisabled }) => !isActive && !isDisabled ? theme['default'].colors.background.dark : 'transparent'};
+  border-color: ${({isActive:c,isDisabled:u})=>c||u?"transparent":i.default.colors.background.dark};
   border-radius: 1.293rem;
-`;
-const ContentWrapper = styled__default['default'].span `
+`,n=o.default.span`
   padding: 0.5rem 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
-`;
-const Chip = ({ activeColor = 'primary', children, component = 'div', isActive, isDisabled, onClick, size, ...props }) => {
-    const handleClick = (e) => {
-        if (!isDisabled && onClick) {
-            onClick(e);
-        }
-    };
-    return (jsxRuntime.jsx(Item, Object.assign({}, props, { as: component, activeColor: activeColor, isDisabled: isDisabled, isActive: isActive, size: size }, { children: jsxRuntime.jsx(ContentWrapper, Object.assign({ onClick: handleClick }, { children: children }), void 0) }), void 0));
-};
-
-exports.Chip = Chip;
-exports['default'] = Chip;
+`,d=({activeColor:c="primary",children:u,component:f="div",isActive:g,isDisabled:m,onClick:p,size:b,...h})=>a.default.createElement(s,{...h,as:f,activeColor:c,isDisabled:m,isActive:g,size:b},a.default.createElement(n,{onClick:y=>{!m&&p&&p(y)}},u));exports.Chip=d,exports.default=d;

package/cjs/components/DayPicker/DayPickerNavBar.js

@@ -1,26 +1,9 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var styled = require('styled-components');
-var components_Icons_Arrow = require('../Icons/Arrow.js');
-var theme = require('../../theme.js');
-var typography_BodyText_index = require('../../typography/BodyText/index.js');
-var components_DayPicker_localeUtils = require('./localeUtils.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const NavBarWrapper = styled__default['default'].div `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../Icons/Arrow.js"),l=require("../../theme.js"),a=require("../../typography/BodyText/index.js"),o=require("./localeUtils.js");function n(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var u=n(e),d=n(t);const i=d.default.div`
   display: flex;
   justify-content: space-between;
-`;
-const NavTitle = styled__default['default'](typography_BodyText_index.BodyText) `
-  color: ${theme['default'].colors.text.dark};
-`;
-const NavButton = styled__default['default'].button `
+`,c=d.default(a.BodyText)`
+  color: ${l.default.colors.text.dark};
+`,f=d.default.button`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -29,18 +12,12 @@ const NavButton = styled__default['default'].button `
   outline: none;
   display: flex;
   align-items: center;
-`;
-const Arrow = styled__default['default'](components_Icons_Arrow['default']) `
+`,s=d.default(r.default)`
   width: 16px;
   height: 16px;
-  fill: ${theme['default'].colors.gray.dark3};
-`;
-const BackArrow = styled__default['default'](Arrow) `
+  fill: ${l.default.colors.gray.dark3};
+`,p=d.default(s)`
   transform: rotate(90deg);
-`;
-const ForwardArrow = styled__default['default'](Arrow) `
+`,m=d.default(s)`
   transform: rotate(-90deg);
-`;
-const DayPickerNavBar = ({ month, onPreviousClick, onNextClick, locale, }) => (jsxRuntime.jsxs(NavBarWrapper, { children: [jsxRuntime.jsx(NavButton, Object.assign({ onClick: () => onPreviousClick() }, { children: jsxRuntime.jsx(BackArrow, { title: "prev-month" }, void 0) }), void 0), jsxRuntime.jsx(NavTitle, Object.assign({ as: "h3" }, { children: components_DayPicker_localeUtils.formatMonthTitle(month, locale) }), void 0), jsxRuntime.jsx(NavButton, Object.assign({ onClick: () => onNextClick() }, { children: jsxRuntime.jsx(ForwardArrow, { title: "next-month" }, void 0) }), void 0)] }, void 0));
-
-exports['default'] = DayPickerNavBar;
+`;exports.default=({month:x,onPreviousClick:y,onNextClick:h,locale:g})=>u.default.createElement(i,null,u.default.createElement(f,{onClick:()=>y()},u.default.createElement(p,{title:"prev-month"})),u.default.createElement(c,{as:"h3"},o.formatMonthTitle(x,g)),u.default.createElement(f,{onClick:()=>h()},u.default.createElement(m,{title:"next-month"})));

package/cjs/components/DayPicker/index.js

@@ -1,64 +1,34 @@
-'use strict';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-day-picker"),r=require("styled-components"),a=require("../../theme.js"),o=require("./DayPickerNavBar.js"),l=require("./localeUtils.js"),i=require("./style.js");function c(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}require("../Icons/Arrow.js"),require("../../typography/BodyText/index.js");var d=c(e),n=c(t);const s=c(r).default.div`
+  ${i.default}
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-require('react-day-picker/lib/style.css');
-var ReactDayPicker = require('react-day-picker');
-var styled = require('styled-components');
-var theme = require('../../theme.js');
-var components_DayPicker_DayPickerNavBar = require('./DayPickerNavBar.js');
-var components_DayPicker_localeUtils = require('./localeUtils.js');
-require('../Icons/Arrow.js');
-require('../../typography/BodyText/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var ReactDayPicker__default = /*#__PURE__*/_interopDefaultLegacy(ReactDayPicker);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const DayPickerWrapper = styled__default['default'].div `
-  font-family: ${({ theme }) => theme.typography.fontAlternativeFamily};
+  font-family: ${({theme:f})=>f.typography.fontAlternativeFamily};
   .DayPicker-wrapper {
     &:focus {
       outline: none;
     }
   }
   .DayPicker-Weekday {
-    color: ${({ theme }) => theme.colors.gray.light1};
+    color: ${({theme:f})=>f.colors.gray.light1};
   }
   .DayPicker-Day {
     font-size: 12px;
     padding: 14px;
-    font-weight: ${({ theme }) => theme.typography.fontAlternativeBoldWeight};
-    color: ${({ theme }) => theme.colors.text.dark};
+    font-weight: ${({theme:f})=>f.typography.fontAlternativeBoldWeight};
+    color: ${({theme:f})=>f.colors.text.dark};
     &:focus {
       outline: none;
-      box-shadow: 0 0 4px ${theme['default'].colors.gray.dark3};
+      box-shadow: 0 0 4px ${a.default.colors.gray.dark3};
     }
     &:not(.DayPicker--interactionDisabled):not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside) {
       &:focus {
-        box-shadow: 0 0 4px ${theme['default'].colors.gray.dark3};
+        box-shadow: 0 0 4px ${a.default.colors.gray.dark3};
       }
       &:hover {
         background-color: rgba(253, 171, 74, 0.25);
       }
     }
     &.DayPicker-Day--disabled {
-      color: ${theme['default'].colors.gray.dark3};
+      color: ${a.default.colors.gray.dark3};
     }
   }
-`;
-const modifiersStyles = {
-    selected: {
-        color: theme['default'].colors.text.light,
-        background: theme['default'].colors.primary.main,
-        fontWeight: 700,
-    },
-};
-const DayPicker = ({ locale = 'sv', ...props }) => {
-    return (jsxRuntime.jsx(DayPickerWrapper, { children: jsxRuntime.jsx(ReactDayPicker__default['default'], Object.assign({}, props, { locale: locale, months: components_DayPicker_localeUtils.MONTHS[locale], weekdaysLong: components_DayPicker_localeUtils.WEEKDAYS_LONG[locale], weekdaysShort: components_DayPicker_localeUtils.WEEKDAYS_SHORT[locale], firstDayOfWeek: components_DayPicker_localeUtils.FIRST_DAY_OF_THE_WEEK[locale], navbarElement: navProps => (jsxRuntime.jsx(components_DayPicker_DayPickerNavBar['default'], Object.assign({}, navProps, { locale: locale }), void 0)), captionElement: jsxRuntime.jsx("div", {}, void 0), modifiersStyles: modifiersStyles }), void 0) }, void 0));
-};
-
-exports.DayPicker = DayPicker;
-exports['default'] = DayPicker;
+`,u={selected:{color:a.default.colors.text.light,background:a.default.colors.primary.main,fontWeight:700}},y=({locale:f="sv",...p})=>d.default.createElement(s,null,d.default.createElement(n.default,{...p,locale:f,months:l.MONTHS[f],weekdaysLong:l.WEEKDAYS_LONG[f],weekdaysShort:l.WEEKDAYS_SHORT[f],firstDayOfWeek:l.FIRST_DAY_OF_THE_WEEK[f],navbarElement:k=>d.default.createElement(o.default,{...k,locale:f}),captionElement:d.default.createElement("div",null),modifiersStyles:u}));exports.DayPicker=y,exports.default=y;

package/cjs/components/DayPicker/localeUtils.js

@@ -1,60 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const MONTHS = {
-    sv: [
-        'Januari',
-        'Februari',
-        'Mars',
-        'April',
-        'Maj',
-        'Juni',
-        'Juli',
-        'Augusti',
-        'September',
-        'Oktober',
-        'November',
-        'December',
-    ],
-    en: [
-        'January',
-        'February',
-        'March',
-        'April',
-        'May',
-        'June',
-        'July',
-        'August',
-        'September',
-        'October',
-        'November',
-        'December',
-    ],
-};
-const WEEKDAYS_LONG = {
-    sv: ['Söndag', 'Måndag', 'Tisdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lördag'],
-    en: [
-        'Sunday',
-        'Monday',
-        'Tuesday',
-        'Wednesday',
-        'Thursday',
-        'Friday',
-        'Saturday',
-    ],
-};
-const WEEKDAYS_SHORT = {
-    sv: ['Sö', 'Må', 'Ti', 'On', 'To', 'Fr', 'Lö'],
-    en: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-};
-const FIRST_DAY_OF_THE_WEEK = { sv: 1, en: 1 };
-const formatMonthTitle = (d, locale = 'sv') => {
-    return `${MONTHS[locale][d.getMonth()]} ${d.getFullYear()}`;
-};
-
-exports.FIRST_DAY_OF_THE_WEEK = FIRST_DAY_OF_THE_WEEK;
-exports.MONTHS = MONTHS;
-exports.WEEKDAYS_LONG = WEEKDAYS_LONG;
-exports.WEEKDAYS_SHORT = WEEKDAYS_SHORT;
-exports.formatMonthTitle = formatMonthTitle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={sv:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],en:["January","February","March","April","May","June","July","August","September","October","November","December"]};exports.FIRST_DAY_OF_THE_WEEK={sv:1,en:1},exports.MONTHS=e,exports.WEEKDAYS_LONG={sv:["S\xF6ndag","M\xE5ndag","Tisdag","Onsdag","Torsdag","Fredag","L\xF6rdag"],en:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},exports.WEEKDAYS_SHORT={sv:["S\xF6","M\xE5","Ti","On","To","Fr","L\xF6"],en:["Su","Mo","Tu","We","Th","Fr","Sa"]},exports.formatMonthTitle=(r,a="sv")=>`${e[a][r.getMonth()]} ${r.getFullYear()}`;

package/cjs/components/DayPicker/style.js

@@ -0,0 +1,226 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components").css`
+  /* DayPicker styles */
+
+  .DayPicker {
+    display: inline-block;
+    font-size: 1rem;
+  }
+
+  .DayPicker-wrapper {
+    position: relative;
+
+    flex-direction: row;
+    padding-bottom: 1em;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-Months {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .DayPicker-Month {
+    display: table;
+    margin: 0 1em;
+    margin-top: 1em;
+    border-spacing: 0;
+    border-collapse: collapse;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-NavBar {
+  }
+
+  .DayPicker-NavButton {
+    position: absolute;
+    top: 1em;
+    right: 1.5em;
+    left: auto;
+
+    display: inline-block;
+    margin-top: 2px;
+    width: 1.25em;
+    height: 1.25em;
+    background-position: center;
+    background-size: 50%;
+    background-repeat: no-repeat;
+    color: #8b9898;
+    cursor: pointer;
+  }
+
+  .DayPicker-NavButton:hover {
+    opacity: 0.8;
+  }
+
+  .DayPicker-NavButton--prev {
+    margin-right: 1.5em;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
+  }
+
+  .DayPicker-NavButton--next {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
+  }
+
+  .DayPicker-NavButton--interactionDisabled {
+    display: none;
+  }
+
+  .DayPicker-Caption {
+    display: table-caption;
+    margin-bottom: 0.5em;
+    padding: 0 0.5em;
+    text-align: left;
+  }
+
+  .DayPicker-Caption > div {
+    font-weight: 500;
+    font-size: 1.15em;
+  }
+
+  .DayPicker-Weekdays {
+    display: table-header-group;
+    margin-top: 1em;
+  }
+
+  .DayPicker-WeekdaysRow {
+    display: table-row;
+  }
+
+  .DayPicker-Weekday {
+    display: table-cell;
+    padding: 0.5em;
+    color: #8b9898;
+    text-align: center;
+    font-size: 0.875em;
+  }
+
+  .DayPicker-Weekday abbr[title] {
+    border-bottom: none;
+    text-decoration: none;
+  }
+
+  .DayPicker-Body {
+    display: table-row-group;
+  }
+
+  .DayPicker-Week {
+    display: table-row;
+  }
+
+  .DayPicker-Day {
+    display: table-cell;
+    padding: 0.5em;
+    border-radius: 50%;
+    vertical-align: middle;
+    text-align: center;
+    cursor: pointer;
+  }
+
+  .DayPicker-WeekNumber {
+    display: table-cell;
+    padding: 0.5em;
+    min-width: 1em;
+    border-right: 1px solid #eaecec;
+    color: #8b9898;
+    vertical-align: middle;
+    text-align: right;
+    font-size: 0.75em;
+    cursor: pointer;
+  }
+
+  .DayPicker--interactionDisabled .DayPicker-Day {
+    cursor: default;
+  }
+
+  .DayPicker-Footer {
+    padding-top: 0.5em;
+  }
+
+  .DayPicker-TodayButton {
+    border: none;
+    background-color: transparent;
+    background-image: none;
+    box-shadow: none;
+    color: #4a90e2;
+    font-size: 0.875em;
+    cursor: pointer;
+  }
+
+  /* Default modifiers */
+
+  .DayPicker-Day--today {
+    color: #d0021b;
+    font-weight: 700;
+  }
+
+  .DayPicker-Day--outside {
+    color: #8b9898;
+    cursor: default;
+  }
+
+  .DayPicker-Day--disabled {
+    color: #dce0e0;
+    cursor: default;
+    /* background-color: #eff1f1; */
+  }
+
+  /* Example modifiers */
+
+  .DayPicker-Day--sunday {
+    background-color: #f7f8f8;
+  }
+
+  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
+    color: #dce0e0;
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
+    position: relative;
+
+    background-color: #4a90e2;
+    color: #f0f8ff;
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
+    background-color: #51a0fa;
+  }
+
+  .DayPicker:not(.DayPicker--interactionDisabled)
+    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
+    background-color: #f0f8ff;
+  }
+
+  /* DayPickerInput */
+
+  .DayPickerInput {
+    display: inline-block;
+  }
+
+  .DayPickerInput-OverlayWrapper {
+    position: relative;
+  }
+
+  .DayPickerInput-Overlay {
+    position: absolute;
+    left: 0;
+    z-index: 1;
+
+    background: white;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
+  }
+`;exports.default=e;