@kvdbil/components 3.3.5 → 3.4.0

package/cjs/ColorCard.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("./utils/utils.js"),a=require("./theme.js");function r(m){return m&&typeof m=="object"&&"default"in m?m:{default:m}}var d=r(e),n=r(t);const u=n.default.ul`
+  padding-left: 2rem;
+`,i=n.default.li`
+  list-style: none;
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
+  border: 1px solid ${a.default.colors.gray.light2};
+  border-radius: 4px;
+  font-family: 'Ralway', sans-serif;
+  margin-top: 0.75rem;
+`,o=n.default.span`
+  text-transform: capitalize;
+  padding: 0.5em;
+  display: block;
+  border-bottom: 1px solid ${a.default.colors.gray.light2};
+`,f=n.default.li`
+  display: block;
+  background: ${({hex:m})=>m};
+  color: ${({hex:m})=>l.getLuminosity(m)<40?"#fff":"#000"};
+  padding: 1em;
+`,s=n.default.ul`
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+`,c=m=>Object.entries(m).map(([g,p])=>typeof p=="string"?d.default.createElement(f,{hex:p,key:p},g," (",p,")"):d.default.createElement(d.default.Fragment,null,d.default.createElement(o,null,g),d.default.createElement(u,null,c(p))));exports.default=({colorName:m,variants:g})=>d.default.createElement(i,null,d.default.createElement(o,null,m),d.default.createElement(s,null,c(g)));

package/cjs/ElevationCard.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components");function r(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var a=r(e);const i=r(t).default.div`
+  font-family: ${({theme:n})=>n.typography.fontAlternativeFamily};
+  font-weight: ${({theme:n})=>n.typography.fontAlternativeRegularWeight};
+  font-size: 1.25rem;
+  box-shadow: ${({elevation:n})=>n};
+  width: 14rem;
+  height: 10rem;
+  margin: 1rem;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;exports.ElevationCard=({children:n,value:o,as:l="div"})=>a.default.createElement(i,{as:l,elevation:o},n);

package/cjs/Interfaces.js

@@ -0,0 +1 @@
+"use strict";

package/cjs/Types.js

@@ -0,0 +1 @@
+"use strict";

package/cjs/components/Accordion/index.js

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),a=require("react-collapse"),o=require("../../shared/media-queries.js"),r=require("../../icons/components/ArrowDownIcon.js");function n(g){return g&&typeof g=="object"&&"default"in g?g:{default:g}}var l=n(e),i=n(t);const s=i.default.div`
+  display: flex;
+  flex-direction: column;
+  .ReactCollapse--collapse {
+    transition: height 300ms;
+  }
+`,d=i.default.ul`
+  margin: 0;
+  padding: 0;
+  list-style: none;
+`,c=i.default.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  cursor: pointer;
+  margin: 0.5rem 0;
+`,m=i.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.75rem;
+  color: ${({theme:g})=>g.colors.text.dark};
+  transition: 200ms ease-in-out;
+  transform: ${({isOpen:g})=>`rotate(${g?"180deg":"0deg"})`};
+`,u=i.default.li`
+  border-top: ${({theme:g})=>`1px solid ${g.colors.gray.light2}`};
+  padding: ${({isOpen:g})=>g?"0.5rem 0 1rem 0":"0.5rem 0"};
+
+  &:last-child {
+    border-bottom: ${({theme:g})=>`1px solid ${g.colors.gray.light2}`};
+  }
+`,f=i.default.span`
+  color: ${({theme:g})=>g.colors.text.dark};
+  font-family: ${({theme:g})=>g.typography.fontBaseFamily};
+  font-size: 0.9375rem;
+  font-weight: ${({theme:g})=>g.typography.fontBaseBoldWeight};
+`,p=i.default.div`
+  font-family: ${({theme:g})=>g.typography.fontBaseFamily};
+  color: ${({theme:g})=>g.colors.text.dark};
+  font-size: 0.9375rem;
+  font-weight: ${({theme:g})=>g.typography.fontBaseRegularWeight};
+  line-height: 1.3;
+  transition: 200ms ease-in-out;
+  ${o.mq("tablet")} {
+    padding: 0;
+  }
+  & > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+`,y=({items:g,...E})=>{const[w,k]=e.useState({}),b=$=>{k(h=>({...h,[$]:!h[$]}))},q=$=>()=>{b($)},v=$=>h=>{h.key==="Enter"&&b($)};return l.default.createElement(s,{...E},l.default.createElement(d,{className:"accordionList"},g.map(($,h)=>{const x=Boolean(w[h]);return l.default.createElement(u,{key:$.title,isOpen:x,className:"accordionItem"},l.default.createElement(c,{onClick:q(h),onKeyPress:v(h),className:"accordionItemTitle",role:"button",tabIndex:0,"aria-expanded":x,id:`panel${h}-header`,"aria-controls":`panel${h}-content`},l.default.createElement(f,{as:"span"},$.title),l.default.createElement(m,{isOpen:x},l.default.createElement(r.default,null))),l.default.createElement(a.UnmountClosed,{isOpened:x,key:h},l.default.createElement(p,{"aria-labelledby":`panel${h}-header`,id:`panel${h}-content`,role:"region",className:"wysiwyg",dangerouslySetInnerHTML:{__html:$.text}})))})))};exports.Accordion=y,exports.default=y;

package/cjs/components/Badge/index.js

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../theme.js");function i(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}var a=i(e),o=i(t);const n=o.default.div`
+  border-radius: 0.75rem;
+  background: ${r.default.colors.secondary.main};
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  box-sizing: border-box;
+  cursor: default;
+`,l=o.default(n)`
+  width: 1rem;
+  height: 1rem;
+  border-radius: 50%;
+  min-width: 1rem;
+  position: relative;
+`,d=o.default.div`
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  opacity: 0.1;
+  transform: scale(0.5);
+  background: ${r.default.colors.text.dark};
+  position: absolute;
+  top: 0;
+  left: 0;
+`,u=o.default.span`
+  font-size: 0.75rem;
+  line-height: 0.75rem;
+  color: white;
+  font-weight: ${({theme:f})=>f.typography.fontAlternativeBoldWeight};
+  font-family: ${({theme:f})=>f.typography.fontAlternativeFamily};
+`,s=({notificationAmount:f=0,withNumber:m=!0,...c})=>{if((f<=0||!f)&&m)return null;if(!m)return a.default.createElement(l,{...c},a.default.createElement(d,{"data-test":"middle-dot"}));const p=(h=>h>=100?"99+":`${h}`)(f);return a.default.createElement(n,{...c},a.default.createElement(u,null,p))};exports.Badge=s,exports.default=s;

package/cjs/components/Button/index.js

@@ -0,0 +1,100 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),o=require("styled-components"),n=require("../../theme.js"),e=require("../Spinner/index.js"),l=require("../../typography/ButtonText/index.js");function t(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var a=t(r),c=t(o);const s=c.default.button`
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  white-space: nowrap;
+  border: 2px solid transparent;
+  border-radius: 3px;
+  width: ${({fullWidth:x})=>x&&"100%"};
+
+  ${l.BasicButtonTextStyle}
+  ${({size:x})=>(h=>{switch(h){case"smaller":return l.ButtonSmallTextStyle;case"small":case"regular":return l.ButtonRegularTextStyle;case"large":return l.ButtonLargeTextStyle;default:return l.ButtonRegularTextStyle}})(x)}
+  ${({size:x,isLoading:h})=>o.css`
+    ${x==="smaller"&&($=>`
+  min-width: 76px;
+  padding: ${$?"7px 10px 5.5px":"10px 10px 8px"};
+`)(h)}
+    ${x==="small"&&($=>`
+  min-width: 76px;
+  padding: ${$?"8px 10px 6px":"11px 10px 9px"};
+`)(h)}
+    ${x==="regular"&&($=>`
+  min-width: 250px;
+  padding: ${$?"7px 22px 5px":"15px 22px 13px"};
+`)(h)}
+    ${x==="large"&&($=>`
+  min-width: 250px;
+  padding: ${$?"9px 22px 6px":"21px 22px 19px"};
+`)(h)}
+  `}
+  background-color: transparent;
+  transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
+  ${({variant:x,color:h,disabled:$,theme:b})=>o.css`
+    ${!$&&x==="solid"&&(u=>g=>`
+  color: white;
+  border-color: ${u.colors[g].main};
+  background-color: ${u.colors[g].main};
+
+  :hover {
+    border-color: ${u.colors[g].light};
+    background-color: ${u.colors[g].light};
+  }
+
+  :active {
+    border-color: ${u.colors[g].dark};
+    background-color: ${u.colors[g].dark}
+  }
+
+  :focus {
+    box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 2px ${u.colors[g].dark};
+  }
+`)(b)(h)}
+    ${!$&&x==="outline"&&(u=>g=>`
+  color: ${u.colors[g].main};
+  border-color: ${u.colors[g].main};
+  background-color: transparent;
+
+  :hover {
+      color: white;
+      border-color: ${u.colors[g].light};
+      background-color: ${u.colors[g].light};
+  }
+
+  :active {
+    color: white;
+    border-color: ${u.colors[g].dark};
+    background-color: ${u.colors[g].dark};
+  }
+
+  :focus {
+    box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 2px ${u.colors[g].dark};
+  }
+`)(b)(h)}
+    ${!$&&x==="flat"&&(u=>g=>`
+  color: ${u.colors[g].main};
+  border-color: transparent;
+  background-color: transparent;
+
+  :hover {
+    color: ${u.colors[g].dark};
+  }
+
+  :active {
+    color: ${u.colors[g].light};
+  }
+`)(b)(h)}
+    ${$&&x!=="flat"&&(u=>`
+  background-color: ${u.colors.gray.light4};
+  border-color: ${u.colors.gray.light4};
+  color: ${u.colors.gray.light1};
+  cursor: not-allowed;
+`)(b)}
+    ${$&&x==="flat"&&(u=>`
+  border-color: transparent;
+  background-color: transparent;
+  color: ${u.colors.gray.light1};
+  cursor: not-allowed;
+`)(b)}
+  `}
+`,i=c.default(e.default)``,d={smaller:1,small:1,regular:1.5,large:1.75},p=({size:x="small",color:h="primary",variant:$="solid",fullWidth:b=!1,isDisabled:u=!1,isLoading:g=!1,children:f,...m})=>a.default.createElement(s,{...m,color:h,disabled:u||g,fullWidth:b,theme:n.default,variant:$,size:x,isLoading:g},g?a.default.createElement(i,{color:"neutral",size:d[x]}):f);exports.Button=p,exports.default=p;

package/cjs/components/Card/index.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("styled-components"),r=require("../../theme.js");function t(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var d=t(e);const a=t(o).default.div`
+  background: ${r.default.colors.background.light};
+  ${({boxShadow:x})=>x&&`box-shadow: ${x};`}
+  ${({boxShadow:x})=>!x&&`box-shadow: 0 2px 4px rgba(0, 0, 0, 10%), 0 2px 4px rgba(0, 0, 0, 9%),
+    0 1px 5px rgba(0, 0, 0, 15%);`}
+  border-radius: 0 0 3px 3px;
+  ${({topBorder:x})=>x&&`border-top: 4px solid ${x};`}
+`,p=({...x})=>d.default.createElement(a,{topBorder:x.topBorder,boxShadow:x.boxShadow},x.children);exports.Card=p,exports.default=p;

package/cjs/components/CheckBox/index.js

@@ -0,0 +1,56 @@
+"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;
+
+  svg {
+    width: 15px;
+    height: 15px;
+  }
+`,large:r.css`
+  width: 32px;
+  height: 32px;
+
+  svg {
+    width: 20px;
+    height: 20px;
+  }
+`},u=r.css`
+  cursor: default;
+  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;
+`,p=c.default.label`
+  box-sizing: border-box;
+  cursor: pointer;
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+
+  border: 2px solid ${s.default.colors.gray.light1};
+  border-radius: 3px;
+
+  ${g=>d[g.size]};
+
+  svg {
+    opacity: 0;
+  }
+
+  ${g=>{return g.isChecked&&(x=g.color,r.css`
+  svg {
+    fill: #fefefe;
+    opacity: 1;
+  }
+
+  :hover {
+  }
+
+  background: ${s.default.colors[x].main};
+  border: 2px solid ${s.default.colors[x].main};
+`);var x}};
+  ${g=>g.isDisabled&&u};
+
+  ${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

@@ -0,0 +1,23 @@
+"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:c})=>c?"auto":"pointer"};
+  align-items: center;
+  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:c,isDisabled:u})=>c||u?"transparent":i.default.colors.background.dark};
+  border-radius: 1.293rem;
+`,n=o.default.span`
+  padding: 0.5rem 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+`,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

@@ -0,0 +1,23 @@
+"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;
+`,c=d.default(a.BodyText)`
+  color: ${l.default.colors.text.dark};
+`,f=d.default.button`
+  appearance: none;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  font-family: inherit;
+  outline: none;
+  display: flex;
+  align-items: center;
+`,s=d.default(r.default)`
+  width: 16px;
+  height: 16px;
+  fill: ${l.default.colors.gray.dark3};
+`,p=d.default(s)`
+  transform: rotate(90deg);
+`,m=d.default(s)`
+  transform: rotate(-90deg);
+`;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

@@ -0,0 +1,34 @@
+"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}
+
+  font-family: ${({theme:f})=>f.typography.fontAlternativeFamily};
+  .DayPicker-wrapper {
+    &:focus {
+      outline: none;
+    }
+  }
+  .DayPicker-Weekday {
+    color: ${({theme:f})=>f.colors.gray.light1};
+  }
+  .DayPicker-Day {
+    font-size: 12px;
+    padding: 14px;
+    font-weight: ${({theme:f})=>f.typography.fontAlternativeBoldWeight};
+    color: ${({theme:f})=>f.colors.text.dark};
+    &:focus {
+      outline: none;
+      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 ${a.default.colors.gray.dark3};
+      }
+      &:hover {
+        background-color: rgba(253, 171, 74, 0.25);
+      }
+    }
+    &.DayPicker-Day--disabled {
+      color: ${a.default.colors.gray.dark3};
+    }
+  }
+`,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

@@ -0,0 +1 @@
+"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;

package/cjs/components/Dialog/index.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../shared/media-queries.js"),n=require("../Button/index.js"),i=require("../Modal/index.js"),l=require("../../typography/Heading/index.js");function o(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js");var a=o(e),u=o(t);const d=u.default.div`
+  padding-top: 1rem;
+`,s=u.default.div`
+  top: 20px;
+  left: 32px;
+  position: absolute;
+`,c=u.default(l.TinyTitle)`
+  font-weight: ${({theme:x})=>x.typography.fontAlternativeRegularWeight};
+  margin: 0;
+`,f=u.default.div`
+  display: flex;
+  justify-content: space-between;
+  ${r.mq("tablet")} {
+    justify-content: flex-start;
+  }
+  overflow-x: hidden;
+`,p=u.default(n.Button)`
+  overflow-x: hidden;
+  margin-right: 2rem;
+  justify-content: center;
+  width: 100%;
+  max-width: 110px;
+`,y=u.default(n.Button)`
+  justify-content: center;
+  width: 100%;
+  max-width: 245px;
+`,m=({isOpen:x,title:h,children:j,modalStyles:v,titleStyles:B,primaryButtonText:w,primaryButtonStyles:E,secondaryButtonStyles:S,secondaryButtonText:b,primaryButtonAction:q,secondaryButtonAction:g,onClose:C})=>a.default.createElement(i.Modal,{contentStyles:v,isOpen:x,onClose:C},h&&a.default.createElement(s,null,a.default.createElement(c,{style:B},h)),a.default.createElement(d,null,j),a.default.createElement(f,null,g&&a.default.createElement(p,{style:S,onClick:g,variant:"outline",color:"neutral"},b),q&&a.default.createElement(y,{style:E,onClick:q,variant:"solid",color:"success"},w)));exports.Dialog=m,exports.default=m;

package/cjs/components/ErrorMessage/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components");function r(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}var o=r(e);const n=r(t).default.div`
+  font-family: ${({theme:i})=>i.typography.fontAlternativeFamily};
+  font-weight: ${({theme:i})=>i.typography.fontAlternativeRegularWeight};
+  background: ${({theme:i})=>i.colors.error.main};
+  color: white;
+  border-radius: 0.25rem;
+  font-size: 13px;
+  padding: 10px;
+  ${({centered:i})=>i&&"text-align: center;"}
+`,a=({children:i,centered:d,...l})=>o.default.createElement(n,{centered:d,...l},i);exports.ErrorMessage=a,exports.default=a;