@urbaninfrastructure/react-ui-kit - npm Package Compare versions

Comparing version 5.0.0-alpha.70 to 5.0.0-alpha.71

dist/Dialog/index.d.ts

@@ -16,2 +16,3 @@ import React from 'react';
     showCloseButton?: boolean;
+    'data-testid'?: string;
     renderOpenButton?: (openPortal: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) => React.ReactNode;
@@ -18,0 +19,0 @@ };

dist/react-ui-kit.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n.default:n}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=n(t),e=require("styled-components"),o=n(e),i=require("@urbaninfrastructure/react-icons"),a=require("styled-system"),u=require("@urbaninfrastructure/design-tokens"),s=n(require("react-useportal")),c=require("framer-motion");function l(){return(l=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])}return n}).apply(this,arguments)}function d(n,t){if(null==n)return{};var r,e,o={},i=Object.keys(n);for(e=0;e<i.length;e++)t.indexOf(r=i[e])>=0||(o[r]=n[r]);return o}function f(n,t){return t||(t=n.slice(0)),n.raw=t,n}var p=function(n){var t=n.split("em")[0];return parseFloat(t)},m=/^[mp][trblxy]?$/,h=function(n){return function(t){var r=Object.keys(t.theme.rhythms||{});return Object.keys(t).filter((function(n){return m.test(n)&&r.includes(t[n])})).sort().forEach((function(n){t[n]=t.theme.rhythms[t[n]]})),n(t)}};function b(n){var t=n.typoStyle&&n.theme.typoStyles[n.typoStyle],r=!n.fontSize;return n.lead&&delete(t=n.theme.typoStyles.sm).fontWeight,n.small&&(t=n.theme.typoStyles.xxs),{fontSize:r&&t?t.fontSize:n.fontSize,lineHeight:r&&t?t.lineHeight:n.lineHeight,fontWeight:r&&t&&t.fontWeight?t.fontWeight:n.fontWeight}}function x(){return e.useTheme()}var g={};function v(n){g[n]||(g[n]=!0,"undefined"!=typeof console&&console.warn&&console.warn(n))}function y(){var n=f(["\n  box-sizing: border-box;\n  ",";\n  ",";\n"]);return y=function(){return n},n}var w=o.div(y(),h(a.space),a.compose(a.layout,a.color,a.flexbox,a.typography,a.position,a.border,a.shadow));function k(){var n=f(["\n  display: ",";\n  ",";\n"]);return k=function(){return n},n}var C=function(n){return n.column?"flex-direction:column;":null},E=o(w)(k(),(function(n){return n.inline?"inline-flex":"flex"}),C);function S(){var n=f(["\n\tfrom {\n\t\topacity: 0;\n    transform: translate(0,-30px);\n\t}\n  to {\n    opacity: 1;\n    transform: translate(0, 0);\n  }\n"]);return S=function(){return n},n}function z(){var n=f(["\n  0% {\n    opacity: 0;\n  }\n  10%, 90% {\n     transform: translate(-1px, 0);\n   }\n\n   20%, 80% {\n     transform: translate(2px, 0);\n   }\n\n   30%, 50%, 70% {\n     transform: translate(-4px, 0);\n   }\n\n   40%, 60% {\n     transform: translate(4px, 0);\n   }\n   100% {\n     transform: translate(0, 0);\n     opacity: 1;\n   }\n"]);return z=function(){return n},n}var P=e.keyframes(z()),O=e.keyframes(S());function D(){var n=f(["\n      animation: none;\n    "]);return D=function(){return n},n}function W(){var n=f(["\n      border-color: ",";\n      animation: "," 600ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n    "]);return W=function(){return n},n}function j(){var n=f(["\n  border-radius: ",";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ",";\n  animation: "," 600ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n  ","\n  ","\n"]);return j=function(){return n},n}var T=o(E)(j(),(function(n){return n.theme.radii.md}),(function(n){return n.theme.colors.borderGray}),O,(function(n){return"error"===n.variant&&e.css(W(),(function(n){return n.theme.colors.state.error}),P)}),(function(n){return n.noAnimation&&e.css(D())}));function A(){var n=f(["\n  ",";\n  ","\n"]);return A=function(){return n},n}var H=a.system({whiteSpace:!0}),_=a.system({textTransform:!0}),I=a.system({textDecoration:!0}),G=function(n){return n.mute?{color:n.theme.colors.neutral[5]}:{}},B=o.div.attrs((function(n){var t=l({},b(n),{},G(n),{mb:"p"!==n.as||n.mb?n.mb:"xs"});return n.bold&&(t.fontWeight=n.theme.fontWeights.bold),t}))(A(),h(a.space),a.compose(a.typography,a.display,a.color,H,_,I,a.textShadow));function L(){var n=f(["\n  ","\n  ","\n"]);return L=function(){return n},n}function M(){var n=f(["\n  ","\n  ","\n"]);return M=function(){return n},n}function F(){var n=f(["\n  appearance: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  cursor: pointer;\n\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n"]);return F=function(){return n},n}function R(){var n=f(["\n  ",";\n  ","\n  ","\n  &:active {\n    outline: none;\n  }\n"]);return R=function(){return n},n}function N(){var n=f(["\n  text-decoration: ",";\n  &:hover,\n  &:focus {\n    text-decoration: ",";\n  }\n"]);return N=function(){return n},n}B.defaultProps={mt:0},B.span=function(n){return r.createElement(B,Object.assign({as:"span"},n))},B.a=function(n){return r.createElement(B,Object.assign({as:"a"},n))},B.p=function(n){return r.createElement(B,Object.assign({as:"p"},n))},B.em=function(n){return r.createElement(B,Object.assign({as:"em"},n))},B.label=function(n){return r.createElement(B,Object.assign({as:"label"},n))},B.time=function(n){return r.createElement(B,Object.assign({as:"time"},n))};var U=function(){return e.css(N(),(function(n){return n.textDecoration}),(function(n){return"underline"===n.textDecoration?"none":"underline"}))},q=e.css(R(),h(a.space),a.compose(a.typography,a.display,a.color),U),Y=function(n){var t=l({},b(n),{},G(n));return t.lineHeight||(t.lineHeight="inherit"),"button"===n.as&&(v('<Anchor as="button"> is deprecated, use <AnchorButton> instead.'),t=l({},{fontSize:t.fontSize||"inherit",lineHeight:t.lineHeight||"normal",type:n.type||"button",bg:n.bg||n.backgroundColor||"transparent",color:"link",textDecoration:"underline"},{},t)),t},Q=e.css(F()),V=o.a.attrs(Y)(M(),(function(n){return"button"===n.as&&Q}),q);V.defaultProps={color:"link",textDecoration:"underline"};var $=o.button.attrs((function(n){var t=Y(n);return t.fontSize||(t.fontSize="inherit"),t.lineHeight||(t.lineHeight="normal"),t}))(L(),Q,q);function K(){var n=f(["\n      transform: rotate(","deg);\n    "]);return K=function(){return n},n}function J(){var n=f(["\n  pointer-events: none;\n  ",";\n"]);return J=function(){return n},n}$.defaultProps={type:"button",color:"link",textDecoration:"underline",bg:"transparent"};var X={up:180,down:0,left:90,right:-90},Z=o(i.Down)(J(),(function(n){var t=n.degrees||X[n.direction||"down"];return e.css(K(),t)}));function nn(){var n=f(["\n  ","\n  ",";\n"]);return nn=function(){return n},n}function tn(){var n=f(["\n            ","\n            ","\n          "]);return tn=function(){return n},n}function rn(){var n=f(["\n      * {\n        box-sizing: border-box;\n      }\n      html {\n        overflow-y: scroll;\n      }\n\n      body {\n        font-family: ",";\n        color: ",";\n        margin: 0;\n        text-rendering: optimizeLegibility;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n\n        ","\n      }\n      a {\n        color: ",";\n      }\n      ul,\n      ol {\n        margin: 0;\n      }\n    "]);return rn=function(){return n},n}function en(){var n=f(["\n  ","\n"]);return en=function(){return n},n}function on(){var n=f(["\n  @font-face {\n    font-family: 'Urban Grotesk';\n    src: url('","urban_grotesk_bold-webfont.woff2') format('woff2'),\n      url('","urban_grotesk_bold-webfont.woff') format('woff');\n    font-weight: bold;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Urban Grotesk';\n    src: url('","urban_grotesk_bold-webfont.woff2') format('woff2'),\n      url('","urban_grotesk_bold-webfont.woff') format('woff');\n    font-weight: 700;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Urban Grotesk';\n    src: url('","urban_grotesk_italic-webfont.woff2') format('woff2'),\n      url('","urban_grotesk_italic-webfont.woff') format('woff');\n    font-weight: normal;\n    font-style: italic;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Urban Grotesk';\n    src: url('","urban_grotesk_medium-webfont.woff2') format('woff2'),\n      url('","urban_grotesk_medium-webfont.woff') format('woff');\n    font-weight: normal;\n    font-style: normal;\n    font-display: swap;\n  }\n"]);return on=function(){return n},n}Z.defaultProps={width:10,height:10,bg:"transparent"};var an=e.css(en(),(function(n){var t=n.theme;return e.css(rn(),t.fonts.sansSerif,t.colors.text,(function(n){var t=n.theme,r=l({},b({theme:t,typoStyle:"xs"}),{theme:t});return e.css(tn(),a.fontSize(r),a.lineHeight(r))}),t.colors.link)})),un=e.createGlobalStyle(nn(),(function(n){var t;return"urban-grotesk"===n.font&&(void 0===t&&(t="https://assets.urbansharing.design/v1/fonts/urban-grotesk/"),e.css(on(),t,t,t,t,t,t,t,t))}),an),sn=["32em","40em","48em","64em","80em"];sn.xs=0,sn.sm="32em",sn.md="40em",sn.lg="48em",sn.xl="64em",sn.xxl="80em";var cn=sn,ln=cn.map((function(n){return"@media screen and (min-width: "+n+")"})),dn=["0 0 0 1px rgba(0,0,0,0.08)","0px 1px 2px rgba(0, 0, 0, 0.05), 0px 1px 7px rgba(0, 0, 0, 0.06)","0 0 20px -6px rgba(0,0,0,0.08)"],fn={light:"0px 1px 2px rgba(0, 0, 0, 0.05), 0px 1px 7px rgba(0, 0, 0, 0.06);",heavy:"0px 0px 80px rgba(0, 0, 0, 0.08),0px 3px 10px rgba(0, 0, 0, 0.1);",inset:"inset 0 1px 1px rgba(144,164,174,.15)",sm:dn[0],md:dn[1],lg:dn[2]},pn=[14,16,19,26,40,56,65,85];pn.body=pn[2];var mn=pn,hn=pn[2],bn=[0,10,20,30,40,60,80,100,140],xn={xxs:bn[1],xs:bn[2],sm:[bn[3],bn[4]],md:[bn[4],bn[5]],lg:[bn[5],bn[7]],xl:[bn[6],bn[8]]},gn={xxs:{fontSize:{xs:"14px",lg:"16px"},lineHeight:{xs:"20px",lg:"22px"},fontWeight:null},xs:{fontSize:{xs:"16px",lg:"20px"},lineHeight:{xs:"22px",lg:"27px"},fontWeight:null},sm:{fontSize:{xs:"18px",lg:"26px"},lineHeight:{xs:"27px",lg:"34px"},fontWeight:null},md:{fontSize:{xs:"25px",lg:"40px"},lineHeight:{xs:"29px",lg:"48px"},fontWeight:"bold"},lg:{fontSize:{xs:"30px",lg:"48px"},lineHeight:{xs:"33px",lg:"55px"},fontWeight:"bold"},xl:{fontSize:{xs:"37px",lg:"65px"},lineHeight:{xs:"45px",lg:"69px"},fontWeight:"bold"},xxl:{fontSize:{xs:"45px",lg:"85px"},lineHeight:{xs:"53px",lg:"88px"},fontWeight:"bold"}},vn="purple01";function yn(n){var t=u.themeColors[n||vn],r=u.neutral.dark01;return"bikeMi"===n&&(t.primaryIcon=t.primaryDark=t.primaryText=r="black"),l({},t,{text:r,borderGray:u.neutral.gray02,formGray:u.neutral.gray02b,neutral:[u.neutral.white,u.neutral.gray01,u.neutral.gray02,u.neutral.gray03,u.neutral.gray04,u.neutral.gray05,u.neutral.dark01],palette:u.palette,paletteLight:u.paletteLight,paletteDark:u.paletteDark,accent:u.accent,state:u.state})}var wn=yn(vn);function kn(n){return{primary:{color:n.primaryContrast,backgroundColor:n.primary,borderColor:n.primary,"&:hover,&:focus":{color:n.primaryContrast,filter:"brightness(0.85)"}},secondary:{color:n.link,backgroundColor:n.white,borderColor:n.primary,"&:hover,&:focus":{borderColor:n.primaryDark,color:n.text}},secondaryNegative:{color:n.primaryContrast,backgroundColor:"transparent",borderColor:n.primaryDark,"&:hover,&:focus":{borderColor:n.primaryDark,color:n.text}},primaryDark:{color:n.primaryDarkContrast,backgroundColor:n.primaryDark,borderColor:n.primaryDark,"&:hover,&:focus":{backgroundColor:n.primary,borderColor:n.primary,color:n.primaryContrast}},inverted:{color:n.primaryDark,backgroundColor:n.white,borderColor:n.white,"&:hover,&:focus":{color:n.primary}},link:{color:n.link,textDecoration:"underline",backgroundColor:"transparent",borderColor:"transparent","&:hover,&:focus":{textDecoration:"none"}},linkNegative:{color:n.primaryContrast,backgroundColor:"transparent",borderColor:"transparent","&:hover,&:focus":{borderColor:n.primaryDark}}}}function Cn(n){var t="edinburghCityBike"===n?"'Ubuntu', sans-serif":"'Urban Grotesk', 'Helvetica Neue', sans-serif";return{sansSerif:t,heading:t,button:t,mono:'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace'}}var En={preset:"default",name:vn,maxWidth:"1150px",fontSizes:mn,textSize:hn,typoStyles:gn,lineHeights:[1,1.15,1.45],fontWeights:{normal:500,bold:700},bold:700,space:[0,4,8,12,16,24,32,64,128],space2:bn,rhythms:xn,radii:{none:0,md:"6px",lg:"10px"},layers:{backdrop:100,dialog:200},breakpoints:cn,mediaQueries:ln,shadowColor:"rgba(0,0,0,0.08)",boxShadows:dn,shadows:fn,colors:wn,fonts:Cn(vn),buttons:kn(wn)};function Sn(n){void 0===n&&(n=vn);var t=Cn(n),r=yn(n),e=kn(r);return l({},En,{name:n,fonts:t,colors:r,buttons:e})}function zn(){var n=f(["\n  border: 0;\n  background: none;\n  overflow: visible;\n  -webkit-appearance: none; /* for input */\n  -moz-user-select: none;\n  user-select: none;\n"]);return zn=function(){return n},n}var Pn=e.css(zn()),On=/^[m][trblxy]?$/,Dn=/^[p][trblxy]?$/,Wn=function(n){var t=n.p,r=n.m,e=n.bg||"none",o=Object.keys(n);return 0===o.filter((function(n){return Dn.test(n)})).length&&(t=0),0===o.filter((function(n){return On.test(n)})).length&&(r=0),{p:t,m:r,bg:e}};function jn(){var n=f(["\n  ","\n"]);return jn=function(){return n},n}function Tn(){var n=f(["\n  ","\n"]);return Tn=function(){return n},n}function An(){var n=f(["\n  vertical-align: middle;\n  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\n  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n  ",";\n  ",";\n  ",";\n  ","\n  ",";\n"]);return An=function(){return n},n}function Hn(){var n=f(["\n    pointer-events: none;\n    cursor: default;\n    opacity: 0.5;\n  "]);return Hn=function(){return n},n}var _n=6,In=4,Gn=function(n){return n.disabled&&e.css(Hn())},Bn=function(n){return n.resetted&&Pn},Ln=e.css(An(),a.compose(a.layout,a.typography,a.color,a.border,a.shadow,a.system({pointerEvents:{property:"pointerEvents"}}),a.variant({prop:"variant",scale:"buttons"}),a.variant({prop:"size",scale:"buttonSizes",variants:{small:{fontWeight:"bold",fontSize:"14px",lineHeight:2,textTransform:"uppercase",letterSpacing:"1px",py:2,px:4},medium:{fontSize:2,lineHeight:2,py:3,px:5}}})),h(a.space),Gn,(function(n){return"reset"===n.variant&&Pn}),Bn);function Mn(n){if(n.resetted)return Wn(n);var t=n.shape,r={shape:"stationClient"===n.theme.preset?"cool":t,size:n.small?"small":n.size};if("cool"===t){var e=n.small||"small"===n.size?In:_n;return l({pl:n.pl||e,pr:n.pr||e,borderRadius:"9999px"},r)}return r}var Fn=o.button.attrs(Mn)(Tn(),Ln);Fn.defaultProps={display:"inline-block",variant:"secondary",shape:"normal",size:"medium",fontFamily:"button",textAlign:"center",borderWidth:2,borderStyle:"solid",borderRadius:"md",type:"button"};var Rn=o.a.attrs(Mn)(jn(),Ln);function Nn(){var n=f(["\n  & > * {\n    margin-bottom: ","px;\n    "," {\n      margin: 0 ","px 0 0;\n    })\n  }\n  ",";\n"]);return Nn=function(){return n},n}function Un(){var n=f(["\n    & > button {\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n        border-right: 0;\n      }\n      &:first-child {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n    & > * {\n      margin-right: 0;\n    }\n  "]);return Un=function(){return n},n}function qn(n){if(n.segment)return e.css(Un())}Rn.defaultProps={display:"inline-block",variant:"secondary",shape:"normal",size:"medium",fontFamily:"button",textAlign:"center",borderWidth:2,borderStyle:"solid",borderRadius:"md"};var Yn=o(E)(Nn(),(function(n){return n.theme.space[3]}),(function(n){return n.theme.mediaQueries[1]}),(function(n){return n.theme.space[3]}),qn);function Qn(){var n=f(["\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  opacity: 0;\n  &:focus {\n    & ~ "," {\n      ",";\n    }\n  }\n"]);return Qn=function(){return n},n}function Vn(){var n=f(["\n          border-color: ",";\n          box-shadow: 0px 0px 1px 1px ",";\n        "]);return Vn=function(){return n},n}function $n(){var n=f(["\n      border-color: ",";\n      ","\n    "]);return $n=function(){return n},n}function Kn(){var n=f(["\n      background: ",";\n      border: 1px solid transparent;\n    "]);return Kn=function(){return n},n}function Jn(){var n=f(["\n  flex-shrink: 0;\n  background: ",";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ",";\n  border-radius: 3px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: ","px;\n  margin-top: ","px;\n  opacity: ",";\n  transition: border-color 150ms ease-out;\n  ","\n"]);return Jn=function(){return n},n}function Xn(){var n=f(["\n      color: ",";\n    "]);return Xn=function(){return n},n}function Zn(){var n=f(["\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  position: relative;\n  ","\n"]);return Zn=function(){return n},n}var nt=o.label(Zn(),(function(n){var t=n.theme;return n.disabled&&e.css(Xn(),t.colors.neutral[4])})),tt=o.div(Jn(),(function(n){var t=n.theme;return n.checked?t.colors.primary:t.colors.white}),(function(n){var t=n.theme;return n.checked?t.colors.primary:t.colors.neutral[4]}),(function(n){return n.theme.space[2]}),(function(n){return n.theme.space[1]/2}),(function(n){return n.disabled?.5:1}),(function(n){var t=n.checked,r=n.theme;return n.alternative&&e.css(Kn(),t?r.colors.primary:r.colors.formGray)}));function rt(n){var t=n.theme,r=n.checked;if(!n.disabled)return e.css($n(),t.colors.primary,r&&e.css(Vn(),t.colors.white,t.colors.primary))}var et=o.input(Qn(),tt,rt),ot=function(n){var t=n.label,e=n.name,o=n.children,a=n.checked,u=void 0!==a&&a,s=n.disabled,c=void 0!==s&&s,l=n.onChange,f=n.alternative,p=d(n,["label","name","children","checked","disabled","onChange","alternative"]);return r.createElement(nt,{disabled:c},r.createElement(et,Object.assign({name:e,type:"checkbox",checked:u,onChange:l,disabled:c},p)),r.createElement(tt,{checked:u,disabled:c,alternative:f},u&&r.createElement(i.Check,{color:"white",size:14})),t||o)};function it(){var n=f(["\n  width: ",";\n  max-width: ",";\n"]);return it=function(){return n},n}var at=o(w)(it(),(function(n){return n.bleed?"auto":"90%"}),(function(n){var t=n.variant;return"narrow"===t?"600px":"wide"===t?"1400px":n.fullWidth?"none":n.theme.maxWidth}));function ut(){var n=f(["\n  ",";\n"]);return ut=function(){return n},n}at.defaultProps={mx:["auto"]};var st=o(w)(ut(),a.grid);function ct(){var n=f([""]);return ct=function(){return n},n}function lt(){var n=f([""]);return lt=function(){return n},n}function dt(){var n=f([""]);return dt=function(){return n},n}st.defaultProps={display:"grid"};var ft=o(B).attrs((function(n){var t;switch(n.displaySize){case 1:t=[4,4,5,6,7];break;case 2:t=[3,3,4,5,6]}return t?{fontSize:t}:n}))(dt());ft.defaultProps={as:"h1",mt:0,lineHeight:1,fontWeight:"bold",fontFamily:"heading",typoStyle:"xl",mb:"sm"};var pt=ft,mt=o(ft)(lt());mt.defaultProps={as:"h2",mt:0,lineHeight:1,fontWeight:"bold",fontFamily:"heading",typoStyle:"sm",mb:"xxs"};var ht=o(ft)(ct());function bt(){var n=f([""]);return bt=function(){return n},n}function xt(){var n=f(["\n  ",";\n  position: relative;\n  background: white;\n  max-width: 800px;\n  height: 100vh;\n  max-height: 100vh;\n  overflow: auto;\n  border-radius: 0;\n  animation: "," 200ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n  "," {\n    box-shadow: ",";\n    height: auto;\n    border-radius: ",";\n    margin: 0 ","px;\n    max-height: 90vh;\n  }\n"]);return xt=function(){return n},n}function gt(){var n=f(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ",";\n  overflow: auto;\n  outline: 0;\n  "," {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n"]);return gt=function(){return n},n}function vt(){var n=f(["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  opacity: 0.4;\n  z-index: ",";\n  animation: "," 300ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n"]);return vt=function(){return n},n}function yt(){var n=f(["\n\tfrom {\n\t\ttransform: scale(0.5)\n\t}\n"]);return yt=function(){return n},n}function wt(){var n=f(["\n\tfrom {\n\t\topacity: 0;\n\t}\n"]);return wt=function(){return n},n}ht.defaultProps={as:"h3",mt:0,lineHeight:1,fontWeight:"bold",fontFamily:"heading",typoStyle:"xs",mb:"xxs"};var kt=e.keyframes(wt()),Ct=e.keyframes(yt()),Et=o.div(vt(),(function(n){return n.theme.colors.neutral[5]}),(function(n){return n.theme.layers.backdrop}),kt),St=o.div(gt(),(function(n){return n.theme.layers.dialog}),(function(n){return n.theme.mediaQueries[0]})),zt=o.div(xt(),a.space,Ct,(function(n){return n.theme.mediaQueries[0]}),(function(n){return n.theme.boxShadows.join(",")}),(function(n){return n.theme.radii.lg}),(function(n){return n.theme.space[4]}));zt.defaultProps={p:[5,5,6],my:[0,5],mx:[0,"auto"]};var Pt=o.div(bt()),Ot=function(n){var t=n.children,e=n.heading,o=n.showCloseButton,a=n.onCloseClick,u=n.onClick;return r.createElement(zt,{onClick:void 0===u?function(){}:u},r.createElement(E,{mb:2,alignItems:"flex-start"},r.createElement(w,{flex:1},e&&r.createElement(mt,null,e)),o&&r.createElement(w,null,r.createElement(Fn,{variant:"reset",px:1,py:1,"aria-label":"Close",onClick:a},r.createElement(i.RemoveAlt,null)))),r.createElement(Pt,null,t))},Dt=function(){function n(){this.currentPos=0,this.tag=null,this.head=document.head}var t=n.prototype;return t.getCurrentPos=function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop},t.createStyleTag=function(){var n="\n        body {\n          overflow: hidden !important;\n          position: fixed;\n          top: -"+this.currentPos+"px;\n          left: 0;\n          width: 100%;\n        }\n      ",t=document.createElement("style");t.type="text/css",t.setAttribute("data-react-scrolllock",""),t.appendChild(document.createTextNode(n)),this.head&&(this.head.appendChild(t),this.tag=t)},t.on=function(){this.head&&(this.currentPos=this.getCurrentPos(),this.createStyleTag())},t.off=function(){this.tag&&this.head&&(this.head.removeChild(this.tag),this.tag=null,window.scrollTo(0,this.currentPos))},n}(),Wt=r.forwardRef((function(n,t){var e=n.children,o=n.heading,i=n.renderOpenButton,a=n.closeOnOutsideClick,u=void 0===a||a,c=n.closeOnEsc,l=n.lockBodyScroll,d=void 0===l||l,f=n.showCloseButton,p=void 0===f||f,m=s({closeOnOutsideClick:u,closeOnEsc:void 0===c||c,isOpen:!1}),h=m.openPortal,b=m.closePortal,x=m.isOpen,g=m.Portal;return r.useEffect((function(){if(d&&x){var n=new Dt;return n.on(),function(){n.off()}}}),[x,d]),r.useEffect((function(){t&&(t.current={openPortal:h,closePortal:b,isOpen:x})}),[h,b,x,t]),r.createElement(r.Fragment,null,i&&i(h),x&&r.createElement(g,null,r.createElement(St,{onClick:function(n){u&&b(n)}},r.createElement(Ot,{heading:o,showCloseButton:p,onCloseClick:b,onClick:function(n){return n.stopPropagation()}},"function"==typeof e?e({closePortal:b,isOpen:x}):e)),r.createElement(Et,null)))}));function jt(){var n=f(["\n  height: 16px;\n  border-radius: 50%;\n"]);return jt=function(){return n},n}var Tt=o(w)(jt());function At(){var n=f(["\n      &:hover,\n      &:focus {\n        border-color: ",";\n      }\n    "]);return At=function(){return n},n}function Ht(){var n=f(["\n      border-color: transparent;\n      background: ",";\n    "]);return Ht=function(){return n},n}function _t(){var n=f(["\n      background: ",";\n      color: ",";\n      font-style: italic;\n    "]);return _t=function(){return n},n}function It(){var n=f(["\n  ",";\n  ",";\n  ",";\n  transition: border-color 150ms ease-out;\n  &::placeholder {\n    color: ",";\n  }\n  &:focus {\n    outline: none;\n    border-color: ",";\n  }\n"]);return It=function(){return n},n}Tt.defaultProps={bg:"neutral.3",width:16,height:16,display:"inline-block"};var Gt=e.css(It(),(function(n){var t=n.theme;return n.disabled&&e.css(_t(),t.colors.neutral[1],t.colors.neutral[5])}),(function(n){var t=n.disabled,r=n.theme;return n.alternative&&e.css(Ht(),t?r.colors.neutral[1]:r.colors.formGray)}),(function(n){var t=n.theme;return n.interactive&&e.css(At(),t.colors.primary)}),(function(n){return n.theme.colors.neutral[4]}),(function(n){return n.theme.colors.primary})),Bt={p:4,m:0,width:1,fontFamily:"sansSerif",fontSize:"body",lineHeight:1,borderRadius:"md",borderColor:"neutral.4",borderStyle:"solid",borderWidth:1,bg:"white",color:"text"};function Lt(){var n=f(["\n  ","\n"]);return Lt=function(){return n},n}function Mt(){var n=f(["\n  ",";\n  ",";\n"]);return Mt=function(){return n},n}var Ft=e.css(Mt(),a.compose(a.border,a.color,a.space,a.typography,a.layout),Gt),Rt=o.input(Lt(),Ft);function Nt(){var n=f(["\n  min-width: 10rem;\n  animation: 100ms ease-out ",";\n  animation-fill-mode: forwards;\n  animation-iteration-count: 1;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);\n  overflow: hidden;\n"]);return Nt=function(){return n},n}function Ut(){var n=f(["\n  border-width: 0 0 1px;\n  border-color: ",";\n  border-radius: 0;\n"]);return Ut=function(){return n},n}function qt(){var n=f(["\n  border-bottom: 1px solid ",";\n  text-decoration: none;\n  display: block;\n  position: relative;\n  z-index: 1;\n"]);return qt=function(){return n},n}function Yt(){var n=f(["\n  ",";\n"]);return Yt=function(){return n},n}function Qt(){var n=f(["\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n\n  background: transparent;\n\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n\n  /* Normalize line-height. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n\n  /* Corrects inability to style clickable `input` types in iOS */\n  -webkit-appearance: none;\n\n  ",";\n"],["\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n\n  background: transparent;\n\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n\n  /* Normalize line-height. Cannot be changed from \\`normal\\` in Firefox 4+. */\n  line-height: normal;\n\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n\n  /* Corrects inability to style clickable \\`input\\` types in iOS */\n  -webkit-appearance: none;\n\n  ",";\n"]);return Qt=function(){return n},n}function Vt(){var n=f(["\n      background-color: ",";\n      font-weight: bold;\n    "]);return Vt=function(){return n},n}function $t(){var n=f(["\n  ",";\n  border: none;\n  text-decoration: none;\n  display: block;\n  width: 100%;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n  &:hover,\n  &:focus {\n    background-color: ",";\n  }\n  ",";\n"]);return $t=function(){return n},n}function Kt(){var n=f(["\n  from {\n    opacity: 0;\n    transform: translateY(-15px)\n  }\n  to {\n    opacity: 1;\n    transform: translateY(1px)\n  }\n"]);return Kt=function(){return n},n}Rt.defaultProps=Bt;var Jt=e.keyframes(Kt()),Xt=e.css($t(),a.compose(a.typography,a.color,a.space),(function(n){return n.theme.colors.neutral[1]}),(function(n){var t=n.theme;return n.selected&&e.css(Vt(),t.colors.neutral[1])})),Zt=o.button(Qt(),Xt),nr={px:3,py:2,color:"text"};Zt.defaultProps=nr;var tr=o.a(Yt(),Xt);tr.defaultProps=nr;var rr=o(w)(qt(),(function(n){return n.theme.colors.borderGray}));rr.defaultProps={px:3,py:2,color:"neutral.5"};var er=o(Rt)(Ut(),(function(n){return n.theme.colors.neutral[2]})),or=o(w)(Nt(),Jt);or.defaultProps={bg:"white",width:1,position:"absolute",right:0,top:"100%",zIndex:4,borderRadius:"md"},or.Item=Zt,or.Caption=rr,or.Input=er;var ir=B.withComponent("label");function ar(){var n=f(["\n  animation: "," 600ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n"]);return ar=function(){return n},n}ir.defaultProps={mb:2,display:"block",typoStyle:"xxs",color:"neutral.5"};var ur=o(E)(ar(),P),sr=function(n){var t=n.color,e=d(n,["color"]);return r.createElement(E,Object.assign({flexWrap:"wrap",color:t,mx:-3},e))},cr=function(n){var t=n.color,e=d(n,["color"]);return r.createElement(w,Object.assign({px:3,color:t},e))};function lr(){var n=f(["\n  "," "," "," "," "," ",";\n"]);return lr=function(){return n},n}function dr(){var n=f(["\n        "," {\n          ","\n        }\n      "]);return dr=function(){return n},n}function fr(){var n=f(["\n  display: none;\n"]);return fr=function(){return n},n}function pr(){var n=f(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  whitespace: nowrap;\n  border: 0;\n"]);return pr=function(){return n},n}var mr=function(n){return p(n)-.01+"em"},hr=e.css(pr()),br=e.css(fr()),xr=function(n){return function(t){return t[n]?e.css(dr(),function(n){return{all:"",xs:"@media screen and (max-width: "+mr(n.theme.breakpoints[0])+")",sm:"@media screen and (min-width: "+n.theme.breakpoints[0]+") and (max-width: "+mr(n.theme.breakpoints[1])+")",md:"@media screen and (min-width: "+n.theme.breakpoints[1]+") and (max-width: "+mr(n.theme.breakpoints[2])+")",lg:"@media screen and (min-width: "+n.theme.breakpoints[2]+") and (max-width: "+mr(n.theme.breakpoints[3])+")",xl:"@media screen and (min-width: "+n.theme.breakpoints[3]+")"}}(t)[n],t.srOnly?hr:br):null}},gr=o(w)(lr(),xr("all"),xr("xs"),xr("sm"),xr("md"),xr("lg"),xr("xl"));function vr(){var n=f(["\n  ",";\n  ",";\n"]);return vr=function(){return n},n}function yr(){var n=f(["\n    border-radius: 50%;\n  "]);return yr=function(){return n},n}function wr(){var n=f(["\n    padding: 0;\n    width: 38px;\n    height: 38px;\n  "]);return wr=function(){return n},n}var kr=function(n){return n.iconOnly&&e.css(wr())},Cr=function(n){return n.rounded&&e.css(yr())},Er=o(Fn)(vr(),kr,Cr);function Sr(){var n=f(["\n  ",";\n  ",";\n  ",";\n  display: block;\n  max-width: 100%;\n  opacity: ",";\n"]);return Sr=function(){return n},n}var zr=o.img.attrs((function(n){return n.rounded&&(n.borderRadius="50%"),n}))(Sr(),a.boxShadow,a.borderRadius,a.height,(function(n){return n.opacity}));function Pr(){var n=f(["\n    position: absolute;\n    z-index: 3;\n    transform: translate(-50%, 0);\n    left: calc(50% - #{width / 2});\n    bottom: ","px;\n    color: inherit;\n    background-color: inherit;\n    padding: ","px;\n    border-radius: ",";\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);\n    &:after {\n      content: '';\n      position: absolute;\n      width: 20px;\n      height: 20px;\n      bottom: -10px;\n      left: calc(50% - 10px);\n      background-color: inherit;\n      transform: rotate(45deg);\n      z-index: 4;\n    }\n  "]);return Pr=function(){return n},n}function Or(){var n=f(["\n  ",";\n"]);return Or=function(){return n},n}function Dr(){var n=f(["\n    position: relative;\n    width: 1px;\n    height: 1px;\n    transform-origin: center bottom;\n    background-color: ",";\n    border: 1px solid ",";\n    animation: 600ms ",";\n    /* Double pointer in css to let one handle the box-shadow and the other the mending with the body */\n    &:after {\n      content: '';\n      position: absolute;\n      width: 20px;\n      height: 20px;\n      bottom: ","px;\n      left: calc(50% - 10px);\n      background-color: inherit;\n      transform: rotate(45deg);\n      z-index: 2;\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);\n    }\n  "]);return Dr=function(){return n},n}function Wr(){var n=f(["\n  ",";\n"]);return Wr=function(){return n},n}function jr(){var n=f(["\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n  }\n"]);return jr=function(){return n},n}zr.defaultProps={alt:"",opacity:1,height:"auto"};var Tr=e.keyframes(jr()),Ar=o(w)(Wr(),(function(n){var t=n.theme,r=n.offset;return e.css(Dr(),t.colors.white,t.colors.borderGray,Tr,r)})),Hr=o(w)(Or(),(function(n){var t=n.theme,r=n.offset;return e.css(Pr(),r+10,t.space[3],(function(n){return n.theme.radii.md}))}));function _r(){var n=f(["\n      background: ",";\n      border-color: transparent;\n      &:not(:last-child) {\n        border-right: 1px solid ",";\n      }\n      &:not(:first-child) {\n        border-left: 1px solid ",";\n      }\n    "]);return _r=function(){return n},n}function Ir(){var n=f(["\n  border-radius: ",";\n  background: ",";\n  color: ",";\n  user-select: none;\n  border: 1px solid ",";\n\n  /* Addon to the left */\n  &:not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: none;\n  }\n\n  /* Addon to the right */\n  &:not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-left: none;\n  }\n\n  ","\n"]);return Ir=function(){return n},n}function Gr(){var n=f(["\n  position: relative;\n  width: 100%;\n\n  > input:not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  > input:not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n"]);return Gr=function(){return n},n}var Br=o(E)(Gr()),Lr=o(w)(Ir(),(function(n){return n.theme.radii.md}),(function(n){return n.disabled?n.theme.colors.neutral[1]:n.theme.colors.white}),(function(n){return n.disabled?n.theme.colors.neutral[5]:n.theme.colors.text}),(function(n){return n.theme.colors.neutral[4]}),(function(n){return n.alternative&&e.css(_r(),n.disabled?n.theme.colors.neutral[1]:n.theme.colors.formGray,n.theme.colors.neutral[4],n.theme.colors.neutral[4])}));function Mr(){var n=f(["\n  ","\n"]);return Mr=function(){return n},n}function Fr(){var n=f(["\n  ","\n"]);return Fr=function(){return n},n}function Rr(){var n=f(["\n  box-sizing: border-box;\n  ",";\n  ",";\n  list-style: ",";\n"]);return Rr=function(){return n},n}Lr.defaultProps={py:Bt.p,px:Bt.p+1};var Nr=e.css(Rr(),h(a.space),a.compose(a.layout,a.color,a.flexbox,a.typography,a.position,a.border),(function(n){return n.listStyle})),Ur=o.ul(Fr(),Nr);Ur.defaultProps={m:0,p:0,listStyle:"none"};var qr=o.ol(Mr(),Nr);function Yr(){var n=f(["\n  animation: "," 750ms linear infinite;\n"]);return Yr=function(){return n},n}function Qr(){var n=f(["\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n"]);return Qr=function(){return n},n}qr.defaultProps={m:0,p:0,listStyle:"number"};var Vr=e.keyframes(Qr()),$r=o(i.Spinner)(Yr(),Vr);function Kr(){var n=f(["\n  transform: translateY(-50%);\n"]);return Kr=function(){return n},n}function Jr(){var n=f(["\n      color: ",";\n      background-color: ",";\n    "]);return Jr=function(){return n},n}function Xr(){var n=f(["\n      background-color: ",";\n      border-color: transparent;\n    "]);return Xr=function(){return n},n}function Zr(){var n=f(["\n  ",";\n  appearance: none;\n  transition: border-color 150ms ease-out;\n  &:focus {\n    outline: none;\n    border-color: ",";\n  }\n  ","\n  ","\n"]);return Zr=function(){return n},n}function ne(){var n=f(["\n  ",";\n  border: none;\n"]);return ne=function(){return n},n}$r.defaultProps={size:12};var te=o(w)(ne(),Gt);te.defaultProps=l({},Bt,{p:void 0});var re=o.select(Zr(),a.compose(a.color,a.space,a.height,a.width,a.fontSize,a.border),(function(n){return n.theme.colors.primary}),(function(n){return n.alternative&&e.css(Xr(),n.disabled?n.theme.colors.neutral[1]:n.theme.colors.formGray)}),(function(n){return n.disabled&&e.css(Jr(),n.theme.colors.neutral[5],n.theme.colors.neutral[1])}));re.displayName="SelectBase",re.defaultProps={width:1,color:"text",backgroundColor:"white",border:"1px solid",borderColor:"neutral.3",borderRadius:"6px",p:Bt.p,pr:36,fontSize:Bt.fontSize};var ee=o(w)(Kr()),oe=[12,14,16,24,30,40,60,70],ie=[14,16,24,36,50,60,75,90],ae={admin:{preset:"admin",fontSizes:oe,textSize:oe[2],maxWidth:"1600px"},stationClient:{preset:"stationClient",fontSizes:ie,textSize:ie[2]}};function ue(){var n=f(["\n  white-space: ",";\n"]);return ue=function(){return n},n}function se(){var n=f(["\n  ","\n"]);return se=function(){return n},n}function ce(){var n=f(["\n      thead th {\n        background: none;\n        border: none;\n      }\n    "]);return ce=function(){return n},n}function le(){var n=f(["\n      td,\n      th {\n        font-size: ","px !important;\n        padding: ","px !important;\n      }\n    "]);return le=function(){return n},n}function de(){var n=f(["\n      thead + tbody tr:first-child {\n        ",", "," {\n          border-top-width: 0;\n          ","\n        }\n      }\n    "]);return de=function(){return n},n}function fe(){var n=f(["\n  ","\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  tbody tr {\n    background: white;\n  }\n  tr:first-child {\n    ",", "," {\n      border-top-width: 1px;\n      ","\n    }\n  }\n  tr:last-child {\n    ",", "," {\n      ","\n    }\n  }\n  ","\n  thead tr:first-child {\n    ",", "," {\n      ","\n    }\n  }\n  tfoot {\n    ",", "," {\n      border-width: 0;\n      font-size: ","px;\n    }\n  }\n  tfoot tr:first-child {\n    ",", "," {\n      border-top-width: 0;\n    }\n  }\n  ","\n  ","\n"]);return fe=function(){return n},n}function pe(){var n=f(["\n    &:first-child {\n      border-bottom-left-radius: ",";\n    }\n    &:last-child {\n      border-bottom-right-radius: ",";\n    }\n  "]);return pe=function(){return n},n}function me(){var n=f(["\n    &:first-child {\n      border-top-left-radius: ",";\n    }\n    &:last-child {\n      border-top-right-radius: ",";\n    }\n  "]);return me=function(){return n},n}function he(){var n=f(["\n  ","\n  font-weight: normal;\n  thead & {\n    background-color: ",";\n  }\n"]);return he=function(){return n},n}function be(){var n=f(["\n  ","\n"]);return be=function(){return n},n}function xe(){var n=f(["\n  ",";\n  vertical-align: top;\n  &:first-child {\n    border-left-width: 1px;\n  }\n  &:last-child {\n    border-right-width: 1px;\n  }\n"]);return xe=function(){return n},n}var ge=e.css(xe(),a.compose(a.border,a.color,a.typography,a.space,a.width)),ve=o.td(be(),ge);ve.defaultProps={textAlign:"left",py:xn.xxs,px:xn.xs,borderColor:"borderGray",borderWidth:"0 0 1px",borderStyle:"solid",fontSize:1};var ye=o.th(he(),ge,(function(n){return n.theme.colors.neutral[1]}));ye.defaultProps={textAlign:"left",py:xn.xxs,px:xn.xs,borderColor:"borderGray",borderWidth:"0 0 1px",borderStyle:"solid",fontSize:0};var we=function(n){return function(t){var r=t.theme;return e.css(me(),r.radii[n],r.radii[n])}},ke=function(n){return function(t){var r=t.theme;return e.css(pe(),r.radii[n],r.radii[n])}},Ce=o.table(fe(),a.space,ve,ye,we("md"),ve,ye,ke("md"),(function(n){return"simple"!==n.variant&&e.css(de(),ve,ye,we("none"))}),ve,ye,ke("none"),ve,ye,(function(n){return n.theme.fontSizes[0]}),ve,ye,(function(n){if(n.small)return e.css(le(),n.theme.fontSizes[0],n.theme.space[2])}),(function(n){if(n.variant&&"simple"===n.variant)return e.css(ce())})),Ee=o.caption(se(),a.compose(a.typography,a.space));Ee.defaultProps={color:"neutral.5",fontSize:1,mb:2,textAlign:"left"};var Se=o.tr(ue(),(function(n){return n.whiteSpace}));function ze(){var n=f(["\n  ","\n"]);return ze=function(){return n},n}var Pe=o.textarea(ze(),Ft);Pe.defaultProps=Bt,exports.Alert=function(n){var t=n.color,e=n.children,o=d(n,["color","children"]),a=o.variant;return r.createElement(T,Object.assign({},o,{color:t,px:4,py:3,alignItems:"stretch"}),r.createElement(w,{mt:"2px",mr:3},"error"===a&&r.createElement(i.Warning,{color:"state.error",display:"block",size:24}),"success"===a&&r.createElement(i.CheckmarkAlt,{color:"primary",display:"block",size:24}),"info"===a&&r.createElement(i.InfoAlt,{color:"neutral.4",display:"block",size:24})),r.createElement(w,null,e))},exports.Anchor=V,exports.AnchorButton=$,exports.Arrow=Z,exports.BaseStyles=function(n){var t=n.children,o=n.theme||Sn(n.colorKey);return r.createElement(e.ThemeProvider,{theme:o},r.createElement(r.Fragment,null,r.createElement(un,{font:"edinburghCityBike"!==o.name?"urban-grotesk":void 0}),t))},exports.Box=w,exports.Button=Fn,exports.ButtonAnchor=Rn,exports.ButtonGroup=function(n){var t=n.children,e=n.color,o=d(n,["children","color"]),i=x();if(!t)return null;var a=r.Children.count(t),u=o.segment?r.Children.map(t,(function(n,t){if(!n)return n;if(!r.isValidElement(n))return n;if("cool"!==n.props.shape)return n;var e=0===t,o=t===a-1;if(!e&&!o)return n;var u=i.space[_n-1];return e?r.cloneElement(n,{pl:u}):o?r.cloneElement(n,{pr:u}):n})):t;return r.createElement(Yn,Object.assign({justifyContent:"flex-start",flexWrap:"wrap",flexDirection:"row",color:e},o),u)},exports.COOL_PADDING_Y=_n,exports.COOL_PADDING_Y_SMALL=In,exports.Caption=Ee,exports.Checkbox=function(n){var e=n.onChange,o=n.checked,i=n.alternative,a=n.label,u=n.children,s=n.disabled,c=void 0!==s&&s,l=d(n,["onChange","checked","alternative","label","children","disabled"]),f=t.useState(o||!1),p=f[0],m=f[1];return r.createElement(ot,Object.assign({onChange:function(n){c||(e&&e({event:n,isChecked:!p}),m(!p))},checked:p,alternative:i,disabled:c},l),a||u)},exports.CheckboxStateless=ot,exports.Container=at,exports.CssGrid=st,exports.Dialog=Wt,exports.DialogBackdrop=Et,exports.DialogStateless=Ot,exports.DialogWrapper=St,exports.Dot=function(n){var t=n.children,e=n.bg;return t?r.createElement(E,{alignItems:"center"},r.createElement(Tt,{bg:e,mr:2}),r.createElement(w,null,t)):r.createElement(Tt,{bg:e})},exports.Dropdown=or,exports.DropdownCaption=rr,exports.DropdownInput=er,exports.DropdownItem=Zt,exports.DropdownItemLink=tr,exports.Flex=E,exports.FormField=function(n){var t,e,o=n.showLabel,a=void 0===o||o,u=n.label,s=n.children,c=n.forId,f=n.wrapperProps,p=void 0===f?{mb:"sm"}:f,m=n.labelProps,h=void 0===m?{}:m,b=n.description,x=n.errorMessage,g=d(n,["showLabel","label","children","forId","wrapperProps","labelProps","description","errorMessage"]),v=null;return r.Children.forEach(s,(function(n){n&&(v=n,e=c||n.props.id)})),u&&(t=r.createElement(ir,Object.assign({},h),u)),r.createElement(w,Object.assign({},p),a&&t&&r.cloneElement(t,{htmlFor:e}),x&&r.createElement(ur,{justifyContent:"flex-start",mb:"xxs",color:"state.error"},r.createElement(i.Warning,{mr:2}),r.createElement(B,{as:"span",typoStyle:"xs"},x)),v&&r.cloneElement(v,l({"aria-label":!a&&u?u:null},g)),b&&r.createElement(B,{typoStyle:"xxs",mt:"xxs"},b))},exports.Grid=sr,exports.GridCell=cr,exports.H1=pt,exports.H2=mt,exports.H3=ht,exports.Heading=ft,exports.Hide=gr,exports.IconButton=function(n){var t=n.Icon,e=n.placement,o=void 0===e?"right":e,i=n.rounded,a=n.color,u=n.children,s=d(n,["Icon","placement","rounded","color","children"]),c=t&&r.createElement(t,{size:"1em"});return r.createElement(Er,Object.assign({},s,{color:a,iconOnly:!u,rounded:i,type:s.as&&"button"!==s.as?void 0:"button"}),r.createElement(E,{alignItems:"center",justifyContent:"center"},"left"===o&&c,u&&r.createElement(w,{as:"span",mr:"right"===o?2:void 0,ml:"left"===o?2:void 0},u),"right"===o&&c))},exports.Image=zr,exports.InfoWindow=function(n){var t=n.children,e=n.width,o=void 0===e?200:e,i=n.offset,a=void 0===i?5:i,u=n.color,s=d(n,["children","width","offset","color"]);return r.createElement(Ar,Object.assign({offset:a,color:u},s),r.createElement(Hr,{width:o,offset:a},t))},exports.Input=Rt,exports.InputGroup=Br,exports.InputGroupAddon=Lr,exports.LOADABLE_BUTTON_DEFAULT_SUCCESS_TIMEOUT_MS=1e3,exports.Label=ir,exports.Li=function(n){var t=n.color,e=d(n,["color"]);return r.createElement(w,Object.assign({as:"li",color:t},e))},exports.List=Ur,exports.LoadableButton=function(n){var e=n.children,o=n.color,a=n.loading,u=n.responseState,s=void 0===u?"success":u,l=n.responseTimeoutMs,f=void 0===l?1e3:l,p=d(n,["children","color","loading","responseState","responseTimeoutMs"]),m=c.useReducedMotion(),h=r.useRef(!1),b=t.useState(!1),x=b[0],g=b[1];t.useEffect((function(){a&&(h.current=!0)}),[a]),t.useEffect((function(){if(f&&h.current&&!a){a||g(!0);var n=setTimeout((function(){g(!1),h.current=!1}),f);return function(){clearTimeout(n)}}}),[a,f]);var v={role:"alert"};return a&&(v["aria-busy"]=!0,v["aria-label"]="loading"),r.createElement(Fn,Object.assign({color:o,pointerEvents:a||x?"none":"auto",overflow:"hidden"},p,v),r.createElement(E,{alignItems:"center",justifyContent:"center"},e&&r.createElement(c.motion.div,{initial:a?"hidden":"visible",variants:{visible:{y:0,opacity:1,transition:{duration:.2},visibility:"visible"},hidden:{y:m?0:-50,opacity:0,transition:{duration:.2},transitionEnd:{visibility:"hidden"}}},animate:a||x?"hidden":"visible"},e),r.createElement(c.AnimatePresence,{initial:!1,exitBeforeEnter:!0},a&&r.createElement(c.motion.div,{key:"loading",style:{position:"absolute",display:"flex",outline:"none"},initial:{y:m?0:-50},animate:{y:0,transition:{duration:.4}},exit:{scale:m?1:0,transition:{duration:.1}}},r.createElement($r,null)),x&&!a&&r.createElement(c.motion.div,{key:"success",style:{position:"absolute",display:"flex",outline:"none"},initial:{scale:m?1:0,opacity:m?0:1},animate:{scale:m?1:[null,2,1,1],opacity:1,transition:{duration:.4}},exit:{scale:m?1:0,opacity:m?0:1,transition:{duration:.2}}},"success"===s&&r.createElement(i.Check,{size:14}),"error"===s&&r.createElement(i.Warning,{size:18})))))},exports.Ol=qr,exports.PropertiesBox=function(n){var t=n.rows,e=n.headerBackground,o=n.headerColor;return r.createElement(E,{height:"100%",borderRadius:"lg",column:!0,border:n.border?"1px solid #D2D4DD":"",pb:"xs"},r.createElement(w,{bg:void 0===e?"primary":e,borderTopLeftRadius:"lg",borderTopRightRadius:"lg",p:"xxs"},r.createElement(B,{color:void 0===o?"white":o},n.title)),t.map((function(n,t){return r.createElement(sr,{key:t},r.createElement(cr,{width:{xs:1,md:.5}},r.createElement(B,{pt:"xs",pl:"xs",pr:"xs"},n.property)),r.createElement(cr,{width:{xs:1,md:.5}},r.createElement(B,{pt:"xs",pl:"xs",pr:"xs"},n.value)))})))},exports.ScrollLock=Dt,exports.Select=function(n){var t=n.color,e=d(n,["color"]);return r.createElement(te,{position:"relative"},r.createElement(re,Object.assign({color:t},e)),r.createElement(ee,{position:"absolute",right:12,height:18,top:"50%"},r.createElement(i.Down,{color:"primary",size:18})))},exports.Spinner=$r,exports.Table=Ce,exports.Td=ve,exports.Text=B,exports.Textarea=Pe,exports.Th=ye,exports.Tr=Se,exports.emToPx=p,exports.getTheme=Sn,exports.getTypoStyles=b,exports.inputCss=Ft,exports.inputDefaultProps=Bt,exports.mutedAttrs=G,exports.presets=ae,exports.rhythm=h,exports.rhythms=xn,exports.theme=En,exports.typoStyles=gn,exports.useStyledComponentsTheme=x,exports.warnOnce=v;
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n.default:n}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=n(t),r=require("styled-components"),o=n(r),i=require("@urbaninfrastructure/react-icons"),a=require("styled-system"),s=require("@urbaninfrastructure/design-tokens"),u=n(require("react-useportal")),c=require("framer-motion");function l(){return(l=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n}).apply(this,arguments)}function d(n,t){if(null==n)return{};var e,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t.indexOf(e=i[r])>=0||(o[e]=n[e]);return o}function f(n,t){return t||(t=n.slice(0)),n.raw=t,n}var p=function(n){var t=n.split("em")[0];return parseFloat(t)},m=/^[mp][trblxy]?$/,h=function(n){return function(t){var e=Object.keys(t.theme.rhythms||{});return Object.keys(t).filter((function(n){return m.test(n)&&e.includes(t[n])})).sort().forEach((function(n){t[n]=t.theme.rhythms[t[n]]})),n(t)}};function b(n){var t=n.typoStyle&&n.theme.typoStyles[n.typoStyle],e=!n.fontSize;return n.lead&&delete(t=n.theme.typoStyles.sm).fontWeight,n.small&&(t=n.theme.typoStyles.xxs),{fontSize:e&&t?t.fontSize:n.fontSize,lineHeight:e&&t?t.lineHeight:n.lineHeight,fontWeight:e&&t&&t.fontWeight?t.fontWeight:n.fontWeight}}function x(){return r.useTheme()}var g={};function v(n){g[n]||(g[n]=!0,"undefined"!=typeof console&&console.warn&&console.warn(n))}function y(){var n=f(["\n  box-sizing: border-box;\n  ",";\n  ",";\n"]);return y=function(){return n},n}var w=o.div(y(),h(a.space),a.compose(a.layout,a.color,a.flexbox,a.typography,a.position,a.border,a.shadow));function k(){var n=f(["\n  display: ",";\n  ",";\n"]);return k=function(){return n},n}var C=function(n){return n.column?"flex-direction:column;":null},E=o(w)(k(),(function(n){return n.inline?"inline-flex":"flex"}),C);function S(){var n=f(["\n\tfrom {\n\t\topacity: 0;\n    transform: translate(0,-30px);\n\t}\n  to {\n    opacity: 1;\n    transform: translate(0, 0);\n  }\n"]);return S=function(){return n},n}function z(){var n=f(["\n  0% {\n    opacity: 0;\n  }\n  10%, 90% {\n     transform: translate(-1px, 0);\n   }\n\n   20%, 80% {\n     transform: translate(2px, 0);\n   }\n\n   30%, 50%, 70% {\n     transform: translate(-4px, 0);\n   }\n\n   40%, 60% {\n     transform: translate(4px, 0);\n   }\n   100% {\n     transform: translate(0, 0);\n     opacity: 1;\n   }\n"]);return z=function(){return n},n}var O=r.keyframes(z()),P=r.keyframes(S());function D(){var n=f(["\n      animation: none;\n    "]);return D=function(){return n},n}function W(){var n=f(["\n      border-color: ",";\n      animation: "," 600ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n    "]);return W=function(){return n},n}function j(){var n=f(["\n  border-radius: ",";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ",";\n  animation: "," 600ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n  ","\n  ","\n"]);return j=function(){return n},n}var T=o(E)(j(),(function(n){return n.theme.radii.md}),(function(n){return n.theme.colors.borderGray}),P,(function(n){return"error"===n.variant&&r.css(W(),(function(n){return n.theme.colors.state.error}),O)}),(function(n){return n.noAnimation&&r.css(D())}));function A(){var n=f(["\n  ",";\n  ","\n"]);return A=function(){return n},n}var H=a.system({whiteSpace:!0}),_=a.system({textTransform:!0}),B=a.system({textDecoration:!0}),I=function(n){return n.mute?{color:n.theme.colors.neutral[5]}:{}},G=o.div.attrs((function(n){var t=l({},b(n),{},I(n),{mb:"p"!==n.as||n.mb?n.mb:"xs"});return n.bold&&(t.fontWeight=n.theme.fontWeights.bold),t}))(A(),h(a.space),a.compose(a.typography,a.display,a.color,H,_,B,a.textShadow));function L(){var n=f(["\n  ","\n  ","\n"]);return L=function(){return n},n}function M(){var n=f(["\n  ","\n  ","\n"]);return M=function(){return n},n}function F(){var n=f(["\n  appearance: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  cursor: pointer;\n\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n"]);return F=function(){return n},n}function R(){var n=f(["\n  ",";\n  ","\n  ","\n  &:active {\n    outline: none;\n  }\n"]);return R=function(){return n},n}function N(){var n=f(["\n  text-decoration: ",";\n  &:hover,\n  &:focus {\n    text-decoration: ",";\n  }\n"]);return N=function(){return n},n}G.defaultProps={mt:0},G.span=function(n){return e.createElement(G,Object.assign({as:"span"},n))},G.a=function(n){return e.createElement(G,Object.assign({as:"a"},n))},G.p=function(n){return e.createElement(G,Object.assign({as:"p"},n))},G.em=function(n){return e.createElement(G,Object.assign({as:"em"},n))},G.label=function(n){return e.createElement(G,Object.assign({as:"label"},n))},G.time=function(n){return e.createElement(G,Object.assign({as:"time"},n))};var U=function(){return r.css(N(),(function(n){return n.textDecoration}),(function(n){return"underline"===n.textDecoration?"none":"underline"}))},q=r.css(R(),h(a.space),a.compose(a.typography,a.display,a.color),U),Y=function(n){var t=l({},b(n),{},I(n));return t.lineHeight||(t.lineHeight="inherit"),"button"===n.as&&(v('<Anchor as="button"> is deprecated, use <AnchorButton> instead.'),t=l({},{fontSize:t.fontSize||"inherit",lineHeight:t.lineHeight||"normal",type:n.type||"button",bg:n.bg||n.backgroundColor||"transparent",color:"link",textDecoration:"underline"},{},t)),t},Q=r.css(F()),V=o.a.attrs(Y)(M(),(function(n){return"button"===n.as&&Q}),q);V.defaultProps={color:"link",textDecoration:"underline"};var $=o.button.attrs((function(n){var t=Y(n);return t.fontSize||(t.fontSize="inherit"),t.lineHeight||(t.lineHeight="normal"),t}))(L(),Q,q);function K(){var n=f(["\n      transform: rotate(","deg);\n    "]);return K=function(){return n},n}function J(){var n=f(["\n  pointer-events: none;\n  ",";\n"]);return J=function(){return n},n}$.defaultProps={type:"button",color:"link",textDecoration:"underline",bg:"transparent"};var X={up:180,down:0,left:90,right:-90},Z=o(i.Down)(J(),(function(n){var t=n.degrees||X[n.direction||"down"];return r.css(K(),t)}));function nn(){var n=f(["\n  ","\n  ",";\n"]);return nn=function(){return n},n}function tn(){var n=f(["\n            ","\n            ","\n          "]);return tn=function(){return n},n}function en(){var n=f(["\n      * {\n        box-sizing: border-box;\n      }\n      html {\n        overflow-y: scroll;\n      }\n\n      body {\n        font-family: ",";\n        color: ",";\n        margin: 0;\n        text-rendering: optimizeLegibility;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n\n        ","\n      }\n      a {\n        color: ",";\n      }\n      ul,\n      ol {\n        margin: 0;\n      }\n    "]);return en=function(){return n},n}function rn(){var n=f(["\n  ","\n"]);return rn=function(){return n},n}function on(){var n=f(["\n  @font-face {\n    font-family: 'Urban Grotesk';\n    src: url('","urban_grotesk_bold-webfont.woff2') format('woff2'),\n      url('","urban_grotesk_bold-webfont.woff') format('woff');\n    font-weight: bold;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Urban Grotesk';\n    src: url('","urban_grotesk_bold-webfont.woff2') format('woff2'),\n      url('","urban_grotesk_bold-webfont.woff') format('woff');\n    font-weight: 700;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Urban Grotesk';\n    src: url('","urban_grotesk_italic-webfont.woff2') format('woff2'),\n      url('","urban_grotesk_italic-webfont.woff') format('woff');\n    font-weight: normal;\n    font-style: italic;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Urban Grotesk';\n    src: url('","urban_grotesk_medium-webfont.woff2') format('woff2'),\n      url('","urban_grotesk_medium-webfont.woff') format('woff');\n    font-weight: normal;\n    font-style: normal;\n    font-display: swap;\n  }\n"]);return on=function(){return n},n}Z.defaultProps={width:10,height:10,bg:"transparent"};var an=r.css(rn(),(function(n){var t=n.theme;return r.css(en(),t.fonts.sansSerif,t.colors.text,(function(n){var t=n.theme,e=l({},b({theme:t,typoStyle:"xs"}),{theme:t});return r.css(tn(),a.fontSize(e),a.lineHeight(e))}),t.colors.link)})),sn=r.createGlobalStyle(nn(),(function(n){var t;return"urban-grotesk"===n.font&&(void 0===t&&(t="https://assets.urbansharing.design/v1/fonts/urban-grotesk/"),r.css(on(),t,t,t,t,t,t,t,t))}),an),un=["32em","40em","48em","64em","80em"];un.xs=0,un.sm="32em",un.md="40em",un.lg="48em",un.xl="64em",un.xxl="80em";var cn=un,ln=cn.map((function(n){return"@media screen and (min-width: "+n+")"})),dn=["0 0 0 1px rgba(0,0,0,0.08)","0px 1px 2px rgba(0, 0, 0, 0.05), 0px 1px 7px rgba(0, 0, 0, 0.06)","0 0 20px -6px rgba(0,0,0,0.08)"],fn={light:"0px 1px 2px rgba(0, 0, 0, 0.05), 0px 1px 7px rgba(0, 0, 0, 0.06);",heavy:"0px 0px 80px rgba(0, 0, 0, 0.08),0px 3px 10px rgba(0, 0, 0, 0.1);",inset:"inset 0 1px 1px rgba(144,164,174,.15)",sm:dn[0],md:dn[1],lg:dn[2]},pn=[14,16,19,26,40,56,65,85];pn.body=pn[2];var mn=pn,hn=pn[2],bn=[0,10,20,30,40,60,80,100,140],xn={xxs:bn[1],xs:bn[2],sm:[bn[3],bn[4]],md:[bn[4],bn[5]],lg:[bn[5],bn[7]],xl:[bn[6],bn[8]]},gn={xxs:{fontSize:{xs:"14px",lg:"16px"},lineHeight:{xs:"20px",lg:"22px"},fontWeight:null},xs:{fontSize:{xs:"16px",lg:"20px"},lineHeight:{xs:"22px",lg:"27px"},fontWeight:null},sm:{fontSize:{xs:"18px",lg:"26px"},lineHeight:{xs:"27px",lg:"34px"},fontWeight:null},md:{fontSize:{xs:"25px",lg:"40px"},lineHeight:{xs:"29px",lg:"48px"},fontWeight:"bold"},lg:{fontSize:{xs:"30px",lg:"48px"},lineHeight:{xs:"33px",lg:"55px"},fontWeight:"bold"},xl:{fontSize:{xs:"37px",lg:"65px"},lineHeight:{xs:"45px",lg:"69px"},fontWeight:"bold"},xxl:{fontSize:{xs:"45px",lg:"85px"},lineHeight:{xs:"53px",lg:"88px"},fontWeight:"bold"}},vn="purple01";function yn(n){var t=s.themeColors[n||vn],e=s.neutral.dark01;return"bikeMi"===n&&(t.primaryIcon=t.primaryDark=t.primaryText=e="black"),l({},t,{text:e,borderGray:s.neutral.gray02,formGray:s.neutral.gray02b,neutral:[s.neutral.white,s.neutral.gray01,s.neutral.gray02,s.neutral.gray03,s.neutral.gray04,s.neutral.gray05,s.neutral.dark01],palette:s.palette,paletteLight:s.paletteLight,paletteDark:s.paletteDark,accent:s.accent,state:s.state})}var wn=yn(vn);function kn(n){return{primary:{color:n.primaryContrast,backgroundColor:n.primary,borderColor:n.primary,"&:hover,&:focus":{color:n.primaryContrast,filter:"brightness(0.85)"}},secondary:{color:n.link,backgroundColor:n.white,borderColor:n.primary,"&:hover,&:focus":{borderColor:n.primaryDark,color:n.text}},secondaryNegative:{color:n.primaryContrast,backgroundColor:"transparent",borderColor:n.primaryDark,"&:hover,&:focus":{borderColor:n.primaryDark,color:n.text}},primaryDark:{color:n.primaryDarkContrast,backgroundColor:n.primaryDark,borderColor:n.primaryDark,"&:hover,&:focus":{backgroundColor:n.primary,borderColor:n.primary,color:n.primaryContrast}},inverted:{color:n.primaryDark,backgroundColor:n.white,borderColor:n.white,"&:hover,&:focus":{color:n.primary}},link:{color:n.link,textDecoration:"underline",backgroundColor:"transparent",borderColor:"transparent","&:hover,&:focus":{textDecoration:"none"}},linkNegative:{color:n.primaryContrast,backgroundColor:"transparent",borderColor:"transparent","&:hover,&:focus":{borderColor:n.primaryDark}}}}function Cn(n){var t="edinburghCityBike"===n?"'Ubuntu', sans-serif":"'Urban Grotesk', 'Helvetica Neue', sans-serif";return{sansSerif:t,heading:t,button:t,mono:'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace'}}var En={preset:"default",name:vn,maxWidth:"1150px",fontSizes:mn,textSize:hn,typoStyles:gn,lineHeights:[1,1.15,1.45],fontWeights:{normal:500,bold:700},bold:700,space:[0,4,8,12,16,24,32,64,128],space2:bn,rhythms:xn,radii:{none:0,md:"6px",lg:"10px"},layers:{backdrop:100,dialog:200},breakpoints:cn,mediaQueries:ln,shadowColor:"rgba(0,0,0,0.08)",boxShadows:dn,shadows:fn,colors:wn,fonts:Cn(vn),buttons:kn(wn)};function Sn(n){void 0===n&&(n=vn);var t=Cn(n),e=yn(n),r=kn(e);return l({},En,{name:n,fonts:t,colors:e,buttons:r})}function zn(){var n=f(["\n  border: 0;\n  background: none;\n  overflow: visible;\n  -webkit-appearance: none; /* for input */\n  -moz-user-select: none;\n  user-select: none;\n"]);return zn=function(){return n},n}var On=r.css(zn()),Pn=/^[m][trblxy]?$/,Dn=/^[p][trblxy]?$/,Wn=function(n){var t=n.p,e=n.m,r=n.bg||"none",o=Object.keys(n);return 0===o.filter((function(n){return Dn.test(n)})).length&&(t=0),0===o.filter((function(n){return Pn.test(n)})).length&&(e=0),{p:t,m:e,bg:r}};function jn(){var n=f(["\n  ","\n"]);return jn=function(){return n},n}function Tn(){var n=f(["\n  ","\n"]);return Tn=function(){return n},n}function An(){var n=f(["\n  vertical-align: middle;\n  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\n  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n  ",";\n  ",";\n  ",";\n  ","\n  ",";\n"]);return An=function(){return n},n}function Hn(){var n=f(["\n    pointer-events: none;\n    cursor: default;\n    opacity: 0.5;\n  "]);return Hn=function(){return n},n}var _n=6,Bn=4,In=function(n){return n.disabled&&r.css(Hn())},Gn=function(n){return n.resetted&&On},Ln=r.css(An(),a.compose(a.layout,a.typography,a.color,a.border,a.shadow,a.system({pointerEvents:{property:"pointerEvents"}}),a.variant({prop:"variant",scale:"buttons"}),a.variant({prop:"size",scale:"buttonSizes",variants:{small:{fontWeight:"bold",fontSize:"14px",lineHeight:2,textTransform:"uppercase",letterSpacing:"1px",py:2,px:4},medium:{fontSize:2,lineHeight:2,py:3,px:5}}})),h(a.space),In,(function(n){return"reset"===n.variant&&On}),Gn);function Mn(n){if(n.resetted)return Wn(n);var t=n.shape,e={shape:"stationClient"===n.theme.preset?"cool":t,size:n.small?"small":n.size};if("cool"===t){var r=n.small||"small"===n.size?Bn:_n;return l({pl:n.pl||r,pr:n.pr||r,borderRadius:"9999px"},e)}return e}var Fn=o.button.attrs(Mn)(Tn(),Ln);Fn.defaultProps={display:"inline-block",variant:"secondary",shape:"normal",size:"medium",fontFamily:"button",textAlign:"center",borderWidth:2,borderStyle:"solid",borderRadius:"md",type:"button"};var Rn=o.a.attrs(Mn)(jn(),Ln);function Nn(){var n=f(["\n  & > * {\n    margin-bottom: ","px;\n    "," {\n      margin: 0 ","px 0 0;\n    })\n  }\n  ",";\n"]);return Nn=function(){return n},n}function Un(){var n=f(["\n    & > button {\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n        border-right: 0;\n      }\n      &:first-child {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n    & > * {\n      margin-right: 0;\n    }\n  "]);return Un=function(){return n},n}function qn(n){if(n.segment)return r.css(Un())}Rn.defaultProps={display:"inline-block",variant:"secondary",shape:"normal",size:"medium",fontFamily:"button",textAlign:"center",borderWidth:2,borderStyle:"solid",borderRadius:"md"};var Yn=o(E)(Nn(),(function(n){return n.theme.space[3]}),(function(n){return n.theme.mediaQueries[1]}),(function(n){return n.theme.space[3]}),qn);function Qn(){var n=f(["\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  opacity: 0;\n  &:focus {\n    & ~ "," {\n      ",";\n    }\n  }\n"]);return Qn=function(){return n},n}function Vn(){var n=f(["\n          border-color: ",";\n          box-shadow: 0px 0px 1px 1px ",";\n        "]);return Vn=function(){return n},n}function $n(){var n=f(["\n      border-color: ",";\n      ","\n    "]);return $n=function(){return n},n}function Kn(){var n=f(["\n      background: ",";\n      border: 1px solid transparent;\n    "]);return Kn=function(){return n},n}function Jn(){var n=f(["\n  flex-shrink: 0;\n  background: ",";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ",";\n  border-radius: 3px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: ","px;\n  margin-top: ","px;\n  opacity: ",";\n  transition: border-color 150ms ease-out;\n  ","\n"]);return Jn=function(){return n},n}function Xn(){var n=f(["\n      color: ",";\n    "]);return Xn=function(){return n},n}function Zn(){var n=f(["\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  position: relative;\n  ","\n"]);return Zn=function(){return n},n}var nt=o.label(Zn(),(function(n){var t=n.theme;return n.disabled&&r.css(Xn(),t.colors.neutral[4])})),tt=o.div(Jn(),(function(n){var t=n.theme;return n.checked?t.colors.primary:t.colors.white}),(function(n){var t=n.theme;return n.checked?t.colors.primary:t.colors.neutral[4]}),(function(n){return n.theme.space[2]}),(function(n){return n.theme.space[1]/2}),(function(n){return n.disabled?.5:1}),(function(n){var t=n.checked,e=n.theme;return n.alternative&&r.css(Kn(),t?e.colors.primary:e.colors.formGray)}));function et(n){var t=n.theme,e=n.checked;if(!n.disabled)return r.css($n(),t.colors.primary,e&&r.css(Vn(),t.colors.white,t.colors.primary))}var rt=o.input(Qn(),tt,et),ot=function(n){var t=n.label,r=n.name,o=n.children,a=n.checked,s=void 0!==a&&a,u=n.disabled,c=void 0!==u&&u,l=n.onChange,f=n.alternative,p=d(n,["label","name","children","checked","disabled","onChange","alternative"]);return e.createElement(nt,{disabled:c},e.createElement(rt,Object.assign({name:r,type:"checkbox",checked:s,onChange:l,disabled:c},p)),e.createElement(tt,{checked:s,disabled:c,alternative:f},s&&e.createElement(i.Check,{color:"white",size:14})),t||o)};function it(){var n=f(["\n  width: ",";\n  max-width: ",";\n"]);return it=function(){return n},n}var at=o(w)(it(),(function(n){return n.bleed?"auto":"90%"}),(function(n){var t=n.variant;return"narrow"===t?"600px":"wide"===t?"1400px":n.fullWidth?"none":n.theme.maxWidth}));function st(){var n=f(["\n  ",";\n"]);return st=function(){return n},n}at.defaultProps={mx:["auto"]};var ut=o(w)(st(),a.grid);function ct(){var n=f([""]);return ct=function(){return n},n}function lt(){var n=f([""]);return lt=function(){return n},n}function dt(){var n=f([""]);return dt=function(){return n},n}ut.defaultProps={display:"grid"};var ft=o(G).attrs((function(n){var t;switch(n.displaySize){case 1:t=[4,4,5,6,7];break;case 2:t=[3,3,4,5,6]}return t?{fontSize:t}:n}))(dt());ft.defaultProps={as:"h1",mt:0,lineHeight:1,fontWeight:"bold",fontFamily:"heading",typoStyle:"xl",mb:"sm"};var pt=ft,mt=o(ft)(lt());mt.defaultProps={as:"h2",mt:0,lineHeight:1,fontWeight:"bold",fontFamily:"heading",typoStyle:"sm",mb:"xxs"};var ht=o(ft)(ct());function bt(){var n=f([""]);return bt=function(){return n},n}function xt(){var n=f(["\n  ",";\n  position: relative;\n  background: white;\n  max-width: 800px;\n  height: 100vh;\n  max-height: 100vh;\n  overflow: auto;\n  border-radius: 0;\n  animation: "," 200ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n  "," {\n    box-shadow: ",";\n    height: auto;\n    border-radius: ",";\n    margin: 0 ","px;\n    max-height: 90vh;\n  }\n"]);return xt=function(){return n},n}function gt(){var n=f(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ",";\n  overflow: auto;\n  outline: 0;\n  "," {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n"]);return gt=function(){return n},n}function vt(){var n=f(["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  opacity: 0.4;\n  z-index: ",";\n  animation: "," 300ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n"]);return vt=function(){return n},n}function yt(){var n=f(["\n\tfrom {\n\t\ttransform: scale(0.5)\n\t}\n"]);return yt=function(){return n},n}function wt(){var n=f(["\n\tfrom {\n\t\topacity: 0;\n\t}\n"]);return wt=function(){return n},n}ht.defaultProps={as:"h3",mt:0,lineHeight:1,fontWeight:"bold",fontFamily:"heading",typoStyle:"xs",mb:"xxs"};var kt=r.keyframes(wt()),Ct=r.keyframes(yt()),Et=o.div(vt(),(function(n){return n.theme.colors.neutral[5]}),(function(n){return n.theme.layers.backdrop}),kt),St=o.div(gt(),(function(n){return n.theme.layers.dialog}),(function(n){return n.theme.mediaQueries[0]})),zt=o.div(xt(),a.space,Ct,(function(n){return n.theme.mediaQueries[0]}),(function(n){return n.theme.boxShadows.join(",")}),(function(n){return n.theme.radii.lg}),(function(n){return n.theme.space[4]}));zt.defaultProps={p:[5,5,6],my:[0,5],mx:[0,"auto"]};var Ot=o.div(bt()),Pt=function(n){var t=n.children,r=n.heading,o=n.showCloseButton,a=n.onCloseClick,s=n.onClick;return e.createElement(zt,{onClick:void 0===s?function(){}:s},e.createElement(E,{mb:2,alignItems:"flex-start"},e.createElement(w,{flex:1},r&&e.createElement(mt,null,r)),o&&e.createElement(w,null,e.createElement(Fn,{variant:"reset",px:1,py:1,"aria-label":"Close",onClick:a},e.createElement(i.RemoveAlt,null)))),e.createElement(Ot,null,t))},Dt=function(){function n(){this.currentPos=0,this.tag=null,this.head=document.head}var t=n.prototype;return t.getCurrentPos=function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop},t.createStyleTag=function(){var n="\n        body {\n          overflow: hidden !important;\n          position: fixed;\n          top: -"+this.currentPos+"px;\n          left: 0;\n          width: 100%;\n        }\n      ",t=document.createElement("style");t.type="text/css",t.setAttribute("data-react-scrolllock",""),t.appendChild(document.createTextNode(n)),this.head&&(this.head.appendChild(t),this.tag=t)},t.on=function(){this.head&&(this.currentPos=this.getCurrentPos(),this.createStyleTag())},t.off=function(){this.tag&&this.head&&(this.head.removeChild(this.tag),this.tag=null,window.scrollTo(0,this.currentPos))},n}(),Wt=e.forwardRef((function(n,t){var r=n.children,o=n.heading,i=n.renderOpenButton,a=n.closeOnOutsideClick,s=void 0===a||a,c=n.closeOnEsc,l=void 0===c||c,f=n.lockBodyScroll,p=void 0===f||f,m=n.showCloseButton,h=void 0===m||m,b=d(n,["children","heading","renderOpenButton","closeOnOutsideClick","closeOnEsc","lockBodyScroll","showCloseButton"]),x=u({closeOnOutsideClick:s,closeOnEsc:l,isOpen:!1}),g=x.openPortal,v=x.closePortal,y=x.isOpen,w=x.Portal;return e.useEffect((function(){if(p&&y){var n=new Dt;return n.on(),function(){n.off()}}}),[y,p]),e.useEffect((function(){t&&(t.current={openPortal:g,closePortal:v,isOpen:y})}),[g,v,y,t]),e.createElement(e.Fragment,null,i&&i(g),y&&e.createElement(w,null,e.createElement(St,{"data-testid":b["data-testid"],onClick:function(n){s&&v(n)}},e.createElement(Pt,{heading:o,showCloseButton:h,onCloseClick:v,onClick:function(n){return n.stopPropagation()}},"function"==typeof r?r({closePortal:v,isOpen:y}):r)),e.createElement(Et,null)))}));function jt(){var n=f(["\n  height: 16px;\n  border-radius: 50%;\n"]);return jt=function(){return n},n}var Tt=o(w)(jt());function At(){var n=f(["\n      &:hover,\n      &:focus {\n        border-color: ",";\n      }\n    "]);return At=function(){return n},n}function Ht(){var n=f(["\n      border-color: transparent;\n      background: ",";\n    "]);return Ht=function(){return n},n}function _t(){var n=f(["\n      background: ",";\n      color: ",";\n      font-style: italic;\n    "]);return _t=function(){return n},n}function Bt(){var n=f(["\n  ",";\n  ",";\n  ",";\n  transition: border-color 150ms ease-out;\n  &::placeholder {\n    color: ",";\n  }\n  &:focus {\n    outline: none;\n    border-color: ",";\n  }\n"]);return Bt=function(){return n},n}Tt.defaultProps={bg:"neutral.3",width:16,height:16,display:"inline-block"};var It=r.css(Bt(),(function(n){var t=n.theme;return n.disabled&&r.css(_t(),t.colors.neutral[1],t.colors.neutral[5])}),(function(n){var t=n.disabled,e=n.theme;return n.alternative&&r.css(Ht(),t?e.colors.neutral[1]:e.colors.formGray)}),(function(n){var t=n.theme;return n.interactive&&r.css(At(),t.colors.primary)}),(function(n){return n.theme.colors.neutral[4]}),(function(n){return n.theme.colors.primary})),Gt={p:4,m:0,width:1,fontFamily:"sansSerif",fontSize:"body",lineHeight:1,borderRadius:"md",borderColor:"neutral.4",borderStyle:"solid",borderWidth:1,bg:"white",color:"text"};function Lt(){var n=f(["\n  ","\n"]);return Lt=function(){return n},n}function Mt(){var n=f(["\n  ",";\n  ",";\n"]);return Mt=function(){return n},n}var Ft=r.css(Mt(),a.compose(a.border,a.color,a.space,a.typography,a.layout),It),Rt=o.input(Lt(),Ft);function Nt(){var n=f(["\n  min-width: 10rem;\n  animation: 100ms ease-out ",";\n  animation-fill-mode: forwards;\n  animation-iteration-count: 1;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);\n  overflow: hidden;\n"]);return Nt=function(){return n},n}function Ut(){var n=f(["\n  border-width: 0 0 1px;\n  border-color: ",";\n  border-radius: 0;\n"]);return Ut=function(){return n},n}function qt(){var n=f(["\n  border-bottom: 1px solid ",";\n  text-decoration: none;\n  display: block;\n  position: relative;\n  z-index: 1;\n"]);return qt=function(){return n},n}function Yt(){var n=f(["\n  ",";\n"]);return Yt=function(){return n},n}function Qt(){var n=f(["\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n\n  background: transparent;\n\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n\n  /* Normalize line-height. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n\n  /* Corrects inability to style clickable `input` types in iOS */\n  -webkit-appearance: none;\n\n  ",";\n"],["\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n\n  background: transparent;\n\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n\n  /* Normalize line-height. Cannot be changed from \\`normal\\` in Firefox 4+. */\n  line-height: normal;\n\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n\n  /* Corrects inability to style clickable \\`input\\` types in iOS */\n  -webkit-appearance: none;\n\n  ",";\n"]);return Qt=function(){return n},n}function Vt(){var n=f(["\n      background-color: ",";\n      font-weight: bold;\n    "]);return Vt=function(){return n},n}function $t(){var n=f(["\n  ",";\n  border: none;\n  text-decoration: none;\n  display: block;\n  width: 100%;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n  &:hover,\n  &:focus {\n    background-color: ",";\n  }\n  ",";\n"]);return $t=function(){return n},n}function Kt(){var n=f(["\n  from {\n    opacity: 0;\n    transform: translateY(-15px)\n  }\n  to {\n    opacity: 1;\n    transform: translateY(1px)\n  }\n"]);return Kt=function(){return n},n}Rt.defaultProps=Gt;var Jt=r.keyframes(Kt()),Xt=r.css($t(),a.compose(a.typography,a.color,a.space),(function(n){return n.theme.colors.neutral[1]}),(function(n){var t=n.theme;return n.selected&&r.css(Vt(),t.colors.neutral[1])})),Zt=o.button(Qt(),Xt),ne={px:3,py:2,color:"text"};Zt.defaultProps=ne;var te=o.a(Yt(),Xt);te.defaultProps=ne;var ee=o(w)(qt(),(function(n){return n.theme.colors.borderGray}));ee.defaultProps={px:3,py:2,color:"neutral.5"};var re=o(Rt)(Ut(),(function(n){return n.theme.colors.neutral[2]})),oe=o(w)(Nt(),Jt);oe.defaultProps={bg:"white",width:1,position:"absolute",right:0,top:"100%",zIndex:4,borderRadius:"md"},oe.Item=Zt,oe.Caption=ee,oe.Input=re;var ie=G.withComponent("label");function ae(){var n=f(["\n  animation: "," 600ms cubic-bezier(0.165, 0.84, 0.44, 1) both;\n"]);return ae=function(){return n},n}ie.defaultProps={mb:2,display:"block",typoStyle:"xxs",color:"neutral.5"};var se=o(E)(ae(),O),ue=function(n){var t=n.color,r=d(n,["color"]);return e.createElement(E,Object.assign({flexWrap:"wrap",color:t,mx:-3},r))},ce=function(n){var t=n.color,r=d(n,["color"]);return e.createElement(w,Object.assign({px:3,color:t},r))};function le(){var n=f(["\n  "," "," "," "," "," ",";\n"]);return le=function(){return n},n}function de(){var n=f(["\n        "," {\n          ","\n        }\n      "]);return de=function(){return n},n}function fe(){var n=f(["\n  display: none;\n"]);return fe=function(){return n},n}function pe(){var n=f(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  whitespace: nowrap;\n  border: 0;\n"]);return pe=function(){return n},n}var me=function(n){return p(n)-.01+"em"},he=r.css(pe()),be=r.css(fe()),xe=function(n){return function(t){return t[n]?r.css(de(),function(n){return{all:"",xs:"@media screen and (max-width: "+me(n.theme.breakpoints[0])+")",sm:"@media screen and (min-width: "+n.theme.breakpoints[0]+") and (max-width: "+me(n.theme.breakpoints[1])+")",md:"@media screen and (min-width: "+n.theme.breakpoints[1]+") and (max-width: "+me(n.theme.breakpoints[2])+")",lg:"@media screen and (min-width: "+n.theme.breakpoints[2]+") and (max-width: "+me(n.theme.breakpoints[3])+")",xl:"@media screen and (min-width: "+n.theme.breakpoints[3]+")"}}(t)[n],t.srOnly?he:be):null}},ge=o(w)(le(),xe("all"),xe("xs"),xe("sm"),xe("md"),xe("lg"),xe("xl"));function ve(){var n=f(["\n  ",";\n  ",";\n"]);return ve=function(){return n},n}function ye(){var n=f(["\n    border-radius: 50%;\n  "]);return ye=function(){return n},n}function we(){var n=f(["\n    padding: 0;\n    width: 38px;\n    height: 38px;\n  "]);return we=function(){return n},n}var ke=function(n){return n.iconOnly&&r.css(we())},Ce=function(n){return n.rounded&&r.css(ye())},Ee=o(Fn)(ve(),ke,Ce);function Se(){var n=f(["\n  ",";\n  ",";\n  ",";\n  display: block;\n  max-width: 100%;\n  opacity: ",";\n"]);return Se=function(){return n},n}var ze=o.img.attrs((function(n){return n.rounded&&(n.borderRadius="50%"),n}))(Se(),a.boxShadow,a.borderRadius,a.height,(function(n){return n.opacity}));function Oe(){var n=f(["\n    position: absolute;\n    z-index: 3;\n    transform: translate(-50%, 0);\n    left: calc(50% - #{width / 2});\n    bottom: ","px;\n    color: inherit;\n    background-color: inherit;\n    padding: ","px;\n    border-radius: ",";\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);\n    &:after {\n      content: '';\n      position: absolute;\n      width: 20px;\n      height: 20px;\n      bottom: -10px;\n      left: calc(50% - 10px);\n      background-color: inherit;\n      transform: rotate(45deg);\n      z-index: 4;\n    }\n  "]);return Oe=function(){return n},n}function Pe(){var n=f(["\n  ",";\n"]);return Pe=function(){return n},n}function De(){var n=f(["\n    position: relative;\n    width: 1px;\n    height: 1px;\n    transform-origin: center bottom;\n    background-color: ",";\n    border: 1px solid ",";\n    animation: 600ms ",";\n    /* Double pointer in css to let one handle the box-shadow and the other the mending with the body */\n    &:after {\n      content: '';\n      position: absolute;\n      width: 20px;\n      height: 20px;\n      bottom: ","px;\n      left: calc(50% - 10px);\n      background-color: inherit;\n      transform: rotate(45deg);\n      z-index: 2;\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);\n    }\n  "]);return De=function(){return n},n}function We(){var n=f(["\n  ",";\n"]);return We=function(){return n},n}function je(){var n=f(["\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n  }\n"]);return je=function(){return n},n}ze.defaultProps={alt:"",opacity:1,height:"auto"};var Te=r.keyframes(je()),Ae=o(w)(We(),(function(n){var t=n.theme,e=n.offset;return r.css(De(),t.colors.white,t.colors.borderGray,Te,e)})),He=o(w)(Pe(),(function(n){var t=n.theme,e=n.offset;return r.css(Oe(),e+10,t.space[3],(function(n){return n.theme.radii.md}))}));function _e(){var n=f(["\n      background: ",";\n      border-color: transparent;\n      &:not(:last-child) {\n        border-right: 1px solid ",";\n      }\n      &:not(:first-child) {\n        border-left: 1px solid ",";\n      }\n    "]);return _e=function(){return n},n}function Be(){var n=f(["\n  border-radius: ",";\n  background: ",";\n  color: ",";\n  user-select: none;\n  border: 1px solid ",";\n\n  /* Addon to the left */\n  &:not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: none;\n  }\n\n  /* Addon to the right */\n  &:not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-left: none;\n  }\n\n  ","\n"]);return Be=function(){return n},n}function Ie(){var n=f(["\n  position: relative;\n  width: 100%;\n\n  > input:not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  > input:not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n"]);return Ie=function(){return n},n}var Ge=o(E)(Ie()),Le=o(w)(Be(),(function(n){return n.theme.radii.md}),(function(n){return n.disabled?n.theme.colors.neutral[1]:n.theme.colors.white}),(function(n){return n.disabled?n.theme.colors.neutral[5]:n.theme.colors.text}),(function(n){return n.theme.colors.neutral[4]}),(function(n){return n.alternative&&r.css(_e(),n.disabled?n.theme.colors.neutral[1]:n.theme.colors.formGray,n.theme.colors.neutral[4],n.theme.colors.neutral[4])}));function Me(){var n=f(["\n  ","\n"]);return Me=function(){return n},n}function Fe(){var n=f(["\n  ","\n"]);return Fe=function(){return n},n}function Re(){var n=f(["\n  box-sizing: border-box;\n  ",";\n  ",";\n  list-style: ",";\n"]);return Re=function(){return n},n}Le.defaultProps={py:Gt.p,px:Gt.p+1};var Ne=r.css(Re(),h(a.space),a.compose(a.layout,a.color,a.flexbox,a.typography,a.position,a.border),(function(n){return n.listStyle})),Ue=o.ul(Fe(),Ne);Ue.defaultProps={m:0,p:0,listStyle:"none"};var qe=o.ol(Me(),Ne);function Ye(){var n=f(["\n  animation: "," 750ms linear infinite;\n"]);return Ye=function(){return n},n}function Qe(){var n=f(["\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n"]);return Qe=function(){return n},n}qe.defaultProps={m:0,p:0,listStyle:"number"};var Ve=r.keyframes(Qe()),$e=o(i.Spinner)(Ye(),Ve);function Ke(){var n=f(["\n  transform: translateY(-50%);\n"]);return Ke=function(){return n},n}function Je(){var n=f(["\n      color: ",";\n      background-color: ",";\n    "]);return Je=function(){return n},n}function Xe(){var n=f(["\n      background-color: ",";\n      border-color: transparent;\n    "]);return Xe=function(){return n},n}function Ze(){var n=f(["\n  ",";\n  appearance: none;\n  transition: border-color 150ms ease-out;\n  &:focus {\n    outline: none;\n    border-color: ",";\n  }\n  ","\n  ","\n"]);return Ze=function(){return n},n}function nr(){var n=f(["\n  ",";\n  border: none;\n"]);return nr=function(){return n},n}$e.defaultProps={size:12};var tr=o(w)(nr(),It);tr.defaultProps=l({},Gt,{p:void 0});var er=o.select(Ze(),a.compose(a.color,a.space,a.height,a.width,a.fontSize,a.border),(function(n){return n.theme.colors.primary}),(function(n){return n.alternative&&r.css(Xe(),n.disabled?n.theme.colors.neutral[1]:n.theme.colors.formGray)}),(function(n){return n.disabled&&r.css(Je(),n.theme.colors.neutral[5],n.theme.colors.neutral[1])}));er.displayName="SelectBase",er.defaultProps={width:1,color:"text",backgroundColor:"white",border:"1px solid",borderColor:"neutral.3",borderRadius:"6px",p:Gt.p,pr:36,fontSize:Gt.fontSize};var rr=o(w)(Ke()),or=[12,14,16,24,30,40,60,70],ir=[14,16,24,36,50,60,75,90],ar={admin:{preset:"admin",fontSizes:or,textSize:or[2],maxWidth:"1600px"},stationClient:{preset:"stationClient",fontSizes:ir,textSize:ir[2]}};function sr(){var n=f(["\n  white-space: ",";\n"]);return sr=function(){return n},n}function ur(){var n=f(["\n  ","\n"]);return ur=function(){return n},n}function cr(){var n=f(["\n      thead th {\n        background: none;\n        border: none;\n      }\n    "]);return cr=function(){return n},n}function lr(){var n=f(["\n      td,\n      th {\n        font-size: ","px !important;\n        padding: ","px !important;\n      }\n    "]);return lr=function(){return n},n}function dr(){var n=f(["\n      thead + tbody tr:first-child {\n        ",", "," {\n          border-top-width: 0;\n          ","\n        }\n      }\n    "]);return dr=function(){return n},n}function fr(){var n=f(["\n  ","\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  tbody tr {\n    background: white;\n  }\n  tr:first-child {\n    ",", "," {\n      border-top-width: 1px;\n      ","\n    }\n  }\n  tr:last-child {\n    ",", "," {\n      ","\n    }\n  }\n  ","\n  thead tr:first-child {\n    ",", "," {\n      ","\n    }\n  }\n  tfoot {\n    ",", "," {\n      border-width: 0;\n      font-size: ","px;\n    }\n  }\n  tfoot tr:first-child {\n    ",", "," {\n      border-top-width: 0;\n    }\n  }\n  ","\n  ","\n"]);return fr=function(){return n},n}function pr(){var n=f(["\n    &:first-child {\n      border-bottom-left-radius: ",";\n    }\n    &:last-child {\n      border-bottom-right-radius: ",";\n    }\n  "]);return pr=function(){return n},n}function mr(){var n=f(["\n    &:first-child {\n      border-top-left-radius: ",";\n    }\n    &:last-child {\n      border-top-right-radius: ",";\n    }\n  "]);return mr=function(){return n},n}function hr(){var n=f(["\n  ","\n  font-weight: normal;\n  thead & {\n    background-color: ",";\n  }\n"]);return hr=function(){return n},n}function br(){var n=f(["\n  ","\n"]);return br=function(){return n},n}function xr(){var n=f(["\n  ",";\n  vertical-align: top;\n  &:first-child {\n    border-left-width: 1px;\n  }\n  &:last-child {\n    border-right-width: 1px;\n  }\n"]);return xr=function(){return n},n}var gr=r.css(xr(),a.compose(a.border,a.color,a.typography,a.space,a.width)),vr=o.td(br(),gr);vr.defaultProps={textAlign:"left",py:xn.xxs,px:xn.xs,borderColor:"borderGray",borderWidth:"0 0 1px",borderStyle:"solid",fontSize:1};var yr=o.th(hr(),gr,(function(n){return n.theme.colors.neutral[1]}));yr.defaultProps={textAlign:"left",py:xn.xxs,px:xn.xs,borderColor:"borderGray",borderWidth:"0 0 1px",borderStyle:"solid",fontSize:0};var wr=function(n){return function(t){var e=t.theme;return r.css(mr(),e.radii[n],e.radii[n])}},kr=function(n){return function(t){var e=t.theme;return r.css(pr(),e.radii[n],e.radii[n])}},Cr=o.table(fr(),a.space,vr,yr,wr("md"),vr,yr,kr("md"),(function(n){return"simple"!==n.variant&&r.css(dr(),vr,yr,wr("none"))}),vr,yr,kr("none"),vr,yr,(function(n){return n.theme.fontSizes[0]}),vr,yr,(function(n){if(n.small)return r.css(lr(),n.theme.fontSizes[0],n.theme.space[2])}),(function(n){if(n.variant&&"simple"===n.variant)return r.css(cr())})),Er=o.caption(ur(),a.compose(a.typography,a.space));Er.defaultProps={color:"neutral.5",fontSize:1,mb:2,textAlign:"left"};var Sr=o.tr(sr(),(function(n){return n.whiteSpace}));function zr(){var n=f(["\n  ","\n"]);return zr=function(){return n},n}var Or=o.textarea(zr(),Ft);Or.defaultProps=Gt,exports.Alert=function(n){var t=n.color,r=n.children,o=d(n,["color","children"]),a=o.variant;return e.createElement(T,Object.assign({},o,{color:t,px:4,py:3,alignItems:"stretch"}),e.createElement(w,{mt:"2px",mr:3},"error"===a&&e.createElement(i.Warning,{color:"state.error",display:"block",size:24}),"success"===a&&e.createElement(i.CheckmarkAlt,{color:"primary",display:"block",size:24}),"info"===a&&e.createElement(i.InfoAlt,{color:"neutral.4",display:"block",size:24})),e.createElement(w,null,r))},exports.Anchor=V,exports.AnchorButton=$,exports.Arrow=Z,exports.BaseStyles=function(n){var t=n.children,o=n.theme||Sn(n.colorKey);return e.createElement(r.ThemeProvider,{theme:o},e.createElement(e.Fragment,null,e.createElement(sn,{font:"edinburghCityBike"!==o.name?"urban-grotesk":void 0}),t))},exports.Box=w,exports.Button=Fn,exports.ButtonAnchor=Rn,exports.ButtonGroup=function(n){var t=n.children,r=n.color,o=d(n,["children","color"]),i=x();if(!t)return null;var a=e.Children.count(t),s=o.segment?e.Children.map(t,(function(n,t){if(!n)return n;if(!e.isValidElement(n))return n;if("cool"!==n.props.shape)return n;var r=0===t,o=t===a-1;if(!r&&!o)return n;var s=i.space[_n-1];return r?e.cloneElement(n,{pl:s}):o?e.cloneElement(n,{pr:s}):n})):t;return e.createElement(Yn,Object.assign({justifyContent:"flex-start",flexWrap:"wrap",flexDirection:"row",color:r},o),s)},exports.COOL_PADDING_Y=_n,exports.COOL_PADDING_Y_SMALL=Bn,exports.Caption=Er,exports.Checkbox=function(n){var r=n.onChange,o=n.checked,i=n.alternative,a=n.label,s=n.children,u=n.disabled,c=void 0!==u&&u,l=d(n,["onChange","checked","alternative","label","children","disabled"]),f=t.useState(o||!1),p=f[0],m=f[1];return e.createElement(ot,Object.assign({onChange:function(n){c||(r&&r({event:n,isChecked:!p}),m(!p))},checked:p,alternative:i,disabled:c},l),a||s)},exports.CheckboxStateless=ot,exports.Container=at,exports.CssGrid=ut,exports.Dialog=Wt,exports.DialogBackdrop=Et,exports.DialogStateless=Pt,exports.DialogWrapper=St,exports.Dot=function(n){var t=n.children,r=n.bg;return t?e.createElement(E,{alignItems:"center"},e.createElement(Tt,{bg:r,mr:2}),e.createElement(w,null,t)):e.createElement(Tt,{bg:r})},exports.Dropdown=oe,exports.DropdownCaption=ee,exports.DropdownInput=re,exports.DropdownItem=Zt,exports.DropdownItemLink=te,exports.Flex=E,exports.FormField=function(n){var t,r,o=n.showLabel,a=void 0===o||o,s=n.label,u=n.children,c=n.forId,f=n.wrapperProps,p=void 0===f?{mb:"sm"}:f,m=n.labelProps,h=void 0===m?{}:m,b=n.description,x=n.errorMessage,g=d(n,["showLabel","label","children","forId","wrapperProps","labelProps","description","errorMessage"]),v=null;return e.Children.forEach(u,(function(n){n&&(v=n,r=c||n.props.id)})),s&&(t=e.createElement(ie,Object.assign({},h),s)),e.createElement(w,Object.assign({},p),a&&t&&e.cloneElement(t,{htmlFor:r}),x&&e.createElement(se,{justifyContent:"flex-start",mb:"xxs",color:"state.error"},e.createElement(i.Warning,{mr:2}),e.createElement(G,{as:"span",typoStyle:"xs"},x)),v&&e.cloneElement(v,l({"aria-label":!a&&s?s:null},g)),b&&e.createElement(G,{typoStyle:"xxs",mt:"xxs"},b))},exports.Grid=ue,exports.GridCell=ce,exports.H1=pt,exports.H2=mt,exports.H3=ht,exports.Heading=ft,exports.Hide=ge,exports.IconButton=function(n){var t=n.Icon,r=n.placement,o=void 0===r?"right":r,i=n.rounded,a=n.color,s=n.children,u=d(n,["Icon","placement","rounded","color","children"]),c=t&&e.createElement(t,{size:"1em"});return e.createElement(Ee,Object.assign({},u,{color:a,iconOnly:!s,rounded:i,type:u.as&&"button"!==u.as?void 0:"button"}),e.createElement(E,{alignItems:"center",justifyContent:"center"},"left"===o&&c,s&&e.createElement(w,{as:"span",mr:"right"===o?2:void 0,ml:"left"===o?2:void 0},s),"right"===o&&c))},exports.Image=ze,exports.InfoWindow=function(n){var t=n.children,r=n.width,o=void 0===r?200:r,i=n.offset,a=void 0===i?5:i,s=n.color,u=d(n,["children","width","offset","color"]);return e.createElement(Ae,Object.assign({offset:a,color:s},u),e.createElement(He,{width:o,offset:a},t))},exports.Input=Rt,exports.InputGroup=Ge,exports.InputGroupAddon=Le,exports.LOADABLE_BUTTON_DEFAULT_SUCCESS_TIMEOUT_MS=1e3,exports.Label=ie,exports.Li=function(n){var t=n.color,r=d(n,["color"]);return e.createElement(w,Object.assign({as:"li",color:t},r))},exports.List=Ue,exports.LoadableButton=function(n){var r=n.children,o=n.color,a=n.loading,s=n.responseState,u=void 0===s?"success":s,l=n.responseTimeoutMs,f=void 0===l?1e3:l,p=d(n,["children","color","loading","responseState","responseTimeoutMs"]),m=c.useReducedMotion(),h=e.useRef(!1),b=t.useState(!1),x=b[0],g=b[1];t.useEffect((function(){a&&(h.current=!0)}),[a]),t.useEffect((function(){if(f&&h.current&&!a){a||g(!0);var n=setTimeout((function(){g(!1),h.current=!1}),f);return function(){clearTimeout(n)}}}),[a,f]);var v={role:"alert"};return a&&(v["aria-busy"]=!0,v["aria-label"]="loading"),e.createElement(Fn,Object.assign({color:o,pointerEvents:a||x?"none":"auto",overflow:"hidden"},p,v),e.createElement(E,{alignItems:"center",justifyContent:"center"},r&&e.createElement(c.motion.div,{initial:a?"hidden":"visible",variants:{visible:{y:0,opacity:1,transition:{duration:.2},visibility:"visible"},hidden:{y:m?0:-50,opacity:0,transition:{duration:.2},transitionEnd:{visibility:"hidden"}}},animate:a||x?"hidden":"visible"},r),e.createElement(c.AnimatePresence,{initial:!1,exitBeforeEnter:!0},a&&e.createElement(c.motion.div,{key:"loading",style:{position:"absolute",display:"flex",outline:"none"},initial:{y:m?0:-50},animate:{y:0,transition:{duration:.4}},exit:{scale:m?1:0,transition:{duration:.1}}},e.createElement($e,null)),x&&!a&&e.createElement(c.motion.div,{key:"success",style:{position:"absolute",display:"flex",outline:"none"},initial:{scale:m?1:0,opacity:m?0:1},animate:{scale:m?1:[null,2,1,1],opacity:1,transition:{duration:.4}},exit:{scale:m?1:0,opacity:m?0:1,transition:{duration:.2}}},"success"===u&&e.createElement(i.Check,{size:14}),"error"===u&&e.createElement(i.Warning,{size:18})))))},exports.Ol=qe,exports.PropertiesBox=function(n){var t=n.rows,r=n.headerBackground,o=n.headerColor;return e.createElement(E,{height:"100%",borderRadius:"lg",column:!0,border:n.border?"1px solid #D2D4DD":"",pb:"xs"},e.createElement(w,{bg:void 0===r?"primary":r,borderTopLeftRadius:"lg",borderTopRightRadius:"lg",p:"xxs"},e.createElement(G,{color:void 0===o?"white":o},n.title)),t.map((function(n,t){return e.createElement(ue,{key:t},e.createElement(ce,{width:{xs:1,md:.5}},e.createElement(G,{pt:"xs",pl:"xs",pr:"xs"},n.property)),e.createElement(ce,{width:{xs:1,md:.5}},e.createElement(G,{pt:"xs",pl:"xs",pr:"xs"},n.value)))})))},exports.ScrollLock=Dt,exports.Select=function(n){var t=n.color,r=d(n,["color"]);return e.createElement(tr,{position:"relative"},e.createElement(er,Object.assign({color:t},r)),e.createElement(rr,{position:"absolute",right:12,height:18,top:"50%"},e.createElement(i.Down,{color:"primary",size:18})))},exports.Spinner=$e,exports.Table=Cr,exports.Td=vr,exports.Text=G,exports.Textarea=Or,exports.Th=yr,exports.Tr=Sr,exports.emToPx=p,exports.getTheme=Sn,exports.getTypoStyles=b,exports.inputCss=Ft,exports.inputDefaultProps=Gt,exports.mutedAttrs=I,exports.presets=ar,exports.rhythm=h,exports.rhythms=xn,exports.theme=En,exports.typoStyles=gn,exports.useStyledComponentsTheme=x,exports.warnOnce=v;
 //# sourceMappingURL=react-ui-kit.cjs.production.min.js.map

package.json

 {
   "name": "@urbaninfrastructure/react-ui-kit",
   "description": "Urbansharing React component library",
-  "version": "5.0.0-alpha.70",
+  "version": "5.0.0-alpha.71",
   "author": "Jon Espen Kvisler",
@@ -23,10 +23,10 @@ "license": "MIT",
   "peerDependencies": {
-    "@types/styled-components": ">4",
-    "@types/styled-system": ">5",
-    "@urbaninfrastructure/design-tokens": ">5",
-    "@urbaninfrastructure/react-icons": ">5",
+    "@types/styled-components": ">=4",
+    "@types/styled-system": ">=5",
+    "@urbaninfrastructure/design-tokens": ">=5",
+    "@urbaninfrastructure/react-icons": ">=5",
     "framer-motion": ">=1",
     "react": ">=16",
-    "styled-components": ">5",
-    "styled-system": ">5"
+    "styled-components": ">=5",
+    "styled-system": ">=5"
   },
@@ -66,3 +66,3 @@ "dependencies": {
   },
-  "gitHead": "bc238fee03a1152eb98da2aedf85de58e78cec16"
+  "gitHead": "59db7051cdb97f18d69240dd6bcc25ff6b5aa980"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

652186

increased by0.15%

Lines of code

6813

increased by0.07%

No dependency changes