@strapi/design-system 0.0.1-alpha.72 → 0.0.1-alpha.73

package/Tooltip.production.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("styled-components"),require("react-dom")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom"],n):"object"==typeof exports?exports.strapiDs=n(require("react"),require("styled-components"),require("react-dom")):e.strapiDs=n(e.react,e["styled-components"],e["react-dom"])}(this,(function(e,n,t){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=45)}([function(e,n,t){e.exports=t(16)()},function(n,t){n.exports=e},function(e,t){e.exports=n},function(e,n){e.exports=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.r(n),t.d(n,"Box",(function(){return d}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),f=t(7),l={color:!0},d=s.a.div.withConfig({shouldForwardProp:function(e,n){return!l[e]&&n(e)}})(r||(r=i()(["\n  // Font\n  font-size: ",";\n\n  // Colors\n  background: ",";\n  color: ",";\n\n  // Spaces\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n\n  // Responsive hiding\n  ","\n  ","\n  \n\n  // Borders\n  border-radius: ",";\n  border-style: ",";\n  border-width: ",";\n  border-color: ",";\n  border: ",";\n\n  // Shadows\n  box-shadow: ",";\n\n  // Handlers\n  pointer-events: ",";\n  &:hover {\n    ","\n  }\n\n  // Display\n  display: ",";\n\n  // Position\n  position: ",";\n  left: ",";\n  right: ",";\n  top: ",";\n  bottom: ",";\n  z-index: ",";\n  overflow: ",";\n  cursor: ",";\n\n  // Size\n  width: ",";\n  max-width: ",";\n  min-width: ",";\n  height: ",";\n  max-height: ",";\n  min-height: ",";\n\n  // Animation\n  transition: ",";\n  transform: ",";\n  animation: ",";\n\n  //Flexbox children props\n  flex-shrink: ",";\n  flex-grow: ",";\n  flex-basis: ",";\n  flex: ",";\n\n  // Text\n  text-align: ",";\n  text-transform: ",";\n  line-height: ",";\n\n  // Cursor\n  cursor: ",";\n"])),(function(e){var n=e.fontSize;return e.theme.fontSizes[n]||n}),(function(e){var n=e.theme,t=e.background;return n.colors[t]}),(function(e){var n=e.theme,t=e.color;return n.colors[t]}),(function(e){var n=e.theme,t=e.padding;return Object(f.a)("padding",t,n)}),(function(e){var n=e.theme,t=e.paddingTop;return Object(f.a)("padding-top",t,n)}),(function(e){var n=e.theme,t=e.paddingRight;return Object(f.a)("padding-right",t,n)}),(function(e){var n=e.theme,t=e.paddingBottom;return Object(f.a)("padding-bottom",t,n)}),(function(e){var n=e.theme,t=e.paddingLeft;return Object(f.a)("padding-left",t,n)}),(function(e){var n=e.theme,t=e.marginLeft;return Object(f.a)("margin-left",t,n)}),(function(e){var n=e.theme,t=e.marginRight;return Object(f.a)("margin-right",t,n)}),(function(e){var n=e.theme,t=e.marginTop;return Object(f.a)("margin-top",t,n)}),(function(e){var n=e.theme,t=e.marginBottom;return Object(f.a)("margin-bottom",t,n)}),(function(e){var n=e.theme;return e.hiddenS?"".concat(n.mediaQueries.tablet," { display: none; }"):void 0}),(function(e){var n=e.theme;return e.hiddenXS?"".concat(n.mediaQueries.mobile," { display: none; }"):void 0}),(function(e){var n=e.theme,t=e.hasRadius,r=e.borderRadius;return t?n.borderRadius:r}),(function(e){return e.borderStyle}),(function(e){return e.borderWidth}),(function(e){var n=e.borderColor;return e.theme.colors[n]}),(function(e){var n=e.theme,t=e.borderColor,r=e.borderStyle,o=e.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(n.colors[t])}),(function(e){var n=e.theme,t=e.shadow;return n.shadows[t]}),(function(e){return e.pointerEvents}),(function(e){var n=e._hover,t=e.theme;return n?n(t):void 0}),(function(e){return e.display}),(function(e){return e.position}),(function(e){var n=e.left;return e.theme.spaces[n]||n}),(function(e){var n=e.right;return e.theme.spaces[n]||n}),(function(e){var n=e.top;return e.theme.spaces[n]||n}),(function(e){var n=e.bottom;return e.theme.spaces[n]||n}),(function(e){return e.zIndex}),(function(e){return e.overflow}),(function(e){return e.cursor}),(function(e){var n=e.width;return e.theme.sizes[n]||n}),(function(e){var n=e.maxWidth;return e.theme.sizes[n]||n}),(function(e){var n=e.minWidth;return e.theme.sizes[n]||n}),(function(e){var n=e.height;return e.theme.sizes[n]||n}),(function(e){var n=e.maxHeight;return e.theme.sizes[n]||n}),(function(e){var n=e.minHeight;return e.theme.sizes[n]||n}),(function(e){return e.transition}),(function(e){return e.transform}),(function(e){return e.animation}),(function(e){return e.shrink}),(function(e){return e.grow}),(function(e){return e.basis}),(function(e){return e.flex}),(function(e){return e.textAlign}),(function(e){return e.textTransform}),(function(e){return e.lineHeight}),(function(e){return e.cursor}));d.displayName="Box",d.defaultProps={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},d.propTypes={_hover:u.a.func,background:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.string]),borderColor:u.a.string,children:u.a.oneOfType([u.a.node,u.a.string]),color:u.a.string,flex:u.a.oneOfType([u.a.string,u.a.string]),grow:u.a.oneOfType([u.a.string,u.a.string]),hasRadius:u.a.bool,hiddenS:u.a.bool,hiddenXS:u.a.bool,padding:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingBottom:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingLeft:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingRight:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingTop:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),shadow:u.a.string,shrink:u.a.oneOfType([u.a.string,u.a.string])}},function(e,n){function t(){return e.exports=t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){var r=t(21);e.exports=function(e,n){if(null==e)return{};var t,o,i=r(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";var r=t(10),o=t.n(r);n.a=function(e,n,t){if(void 0!==n){if(Array.isArray(n)){var r=o()(n,3),i=r[0],a=r[1],u=r[2],c="".concat(e,": ").concat(t.spaces[i],";");return void 0!==a&&(c+="".concat(t.mediaQueries.tablet,"{\n          ").concat(e,": ").concat(t.spaces[a],";\n        }")),void 0!==u&&(c+="".concat(t.mediaQueries.mobile,"{\n          ").concat(e,": ").concat(t.spaces[u],";\n        }")),c}var s=t.spaces[n]||n;return"".concat(e,": ").concat(s,";")}}},function(e,n,t){"use strict";t.r(n),t.d(n,"Typography",(function(){return l}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=["alpha","beta","delta","epsilon","omega","pi","sigma"],f={fontSize:!0,fontWeight:!0},l=t.n(c).a.span.withConfig({shouldForwardProp:function(e,n){return!f[e]&&n(e)}})(r||(r=i()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(e){var n=e.theme,t=e.fontWeight;return n.fontWeights[t]}),(function(e){var n=e.theme,t=e.fontSize;return n.fontSizes[t]}),(function(e){var n=e.theme,t=e.lineHeight;return n.lineHeights[t]}),(function(e){var n=e.theme,t=e.textColor;return n.colors[t||"neutral800"]}),(function(e){return e.textTransform}),(function(e){return e.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "}),(function(e){var n=e.variant,t=e.theme;switch(n){case"alpha":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[5],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"beta":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[4],";\n        line-height: ").concat(t.lineHeights[1],";\n      ");case"delta":return"\n        font-weight: ".concat(t.fontWeights.semiBold,";\n        font-size: ").concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"epsilon":return"\n        font-size: ".concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[6],";\n      ");case"omega":return"\n        font-size: ".concat(t.fontSizes[2],";\n        line-height: ").concat(t.lineHeights[4],";\n      ");case"pi":return"\n        font-size: ".concat(t.fontSizes[1],";\n        line-height: ").concat(t.lineHeights[3],";\n      ");case"sigma":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[0],";\n        line-height: ").concat(t.lineHeights[5],";\n        text-transform: uppercase;\n      ");default:return"\n        font-size: ".concat(t.fontSizes[2],";\n      ")}}));l.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},l.propTypes={fontSize:u.a.oneOfType([u.a.number,u.a.string]),fontWeight:u.a.string,lineHeight:u.a.oneOfType([u.a.number,u.a.string]),textColor:u.a.string,textTransform:u.a.string,variant:u.a.oneOf(s)}},,function(e,n,t){var r=t(22),o=t(23),i=t(19),a=t(24);e.exports=function(e,n){return r(e)||o(e,n)||i(e,n)||a()},e.exports.default=e.exports,e.exports.__esModule=!0},,,function(e,n,t){"use strict";t.d(n,"a",(function(){return i}));var r=t(1),o=0,i=function(e,n){return Object(r.useRef)(n||"".concat(e,"-").concat(++o)).current}},,,function(e,n,t){"use strict";var r=t(17);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,i,a){if(a!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,n){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){var r=t(18);e.exports=function(e,n){if(e){if("string"==typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.r(n),t.d(n,"VisuallyHidden",(function(){return u}));var r,o=t(3),i=t.n(o),a=t(2),u=t.n(a).a.div(r||(r=i()(["\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n"])))},function(e,n){e.exports=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},,,,function(e,n,t){"use strict";t.r(n),t.d(n,"Portal",(function(){return u}));var r=t(10),o=t.n(r),i=t(1),a=t(30),u=function(e){var n=e.children,t=Object(i.useRef)(null),r=Object(i.useState)(!1),u=o()(r,2),c=u[0],s=u[1];return Object(i.useLayoutEffect)((function(){return t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),s(!0),function(){var e;null===(e=t.current)||void 0===e||e.remove()}}),[]),c&&t.current?Object(a.createPortal)(n,t.current):null}},,function(e,n){e.exports=t},,,,,,function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0},,,,,,,,,function(e,n,t){"use strict";t.r(n),t.d(n,"Tooltip",(function(){return E}));var r,o=t(5),i=t.n(o),a=t(36),u=t.n(a),c=t(6),s=t.n(c),f=t(3),l=t.n(f),d=t(1),p=t.n(d),h=t(0),g=t.n(h),b=t(2),m=t.n(b),v=t(4),y=t(8),x=t(28),O=t(10),w=t.n(O),j=function(e,n,t){var r=e.getBoundingClientRect(),o=n.getBoundingClientRect();return"bottom"===t?function(e,n){var t=(e.width-n.width)/2;return{left:n.left-t,top:n.top+n.height+8+window.pageYOffset}}(r,o):"right"===t?function(e,n){var t=(e.height-n.height)/2;return{left:n.left+n.width+8,top:n.top-t+window.pageYOffset}}(r,o):"left"===t?function(e,n){var t=(e.height-n.height)/2;return{left:n.left-e.width-8,top:n.top-t+window.pageYOffset}}(r,o):function(e,n){var t=(e.width-n.width)/2,r=n.left-t,o=n.top-e.height-8+window.pageYOffset,i=window.innerWidth-n.right;return n.left+e.width-i>window.innerWidth?(r=n.left-e.width-8,o=n.top+window.scrollY-n.height/2):r<0?(r=n.width+n.left+8,o=n.top+window.scrollY-e.height/2+8):o<0&&r>0&&(o=n.top+n.height+8),{left:r,top:o}}(r,o)},S=t(13),T=t(20),_=["children","label","description","delay","position","id"],z=["visible"];function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var R=m()(v.Box)(r||(r=l()(["\n  position: absolute;\n  /* z-index exist because of its position inside Modals */\n  z-index: 4;\n  display: ",";\n"])),(function(e){return e.visible?"revert":"none"})),E=function(e){var n=e.children,t=e.label,r=e.description,o=e.delay,a=e.position,c=e.id,f=s()(e,_),l=Object(S.a)("tooltip",c),h=Object(S.a)("description"),g=function(e){var n=Object(d.useState)(!1),t=w()(n,2),r=t[0],o=t[1],i=Object(d.useRef)(),a=function(){i.current&&clearTimeout(i.current)};Object(d.useEffect)((function(){return function(){a()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){i.current=setTimeout((function(){o(!0)}),e)},onMouseLeave:function(){a(),o(!1)}}}(o),b=g.visible,m=s()(g,z),v=function(e,n){var t=Object(d.useRef)(null),r=Object(d.useRef)(null);return Object(d.useLayoutEffect)((function(){if(e){var o=t.current,i=r.current,a=j(o,i,n);o.style.left="".concat(a.left,"px"),o.style.top="".concat(a.top,"px")}}),[e]),{tooltipWrapperRef:t,toggleSourceRef:r}}(b,a),O=v.tooltipWrapperRef,E=v.toggleSourceRef,W=p.a.cloneElement(n,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){u()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({tabIndex:0,"aria-labelledby":t?l:void 0,"aria-describedby":r?l:void 0},m));return p.a.createElement(p.a.Fragment,null,p.a.createElement(x.Portal,null,p.a.createElement(R,i()({id:l,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:O,visible:b},f),b&&p.a.createElement(T.VisuallyHidden,{id:h},r),p.a.createElement(y.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),p.a.createElement("span",{ref:E},W))};E.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},E.propTypes={children:g.a.node.isRequired,delay:g.a.number,description:g.a.string,id:g.a.string,label:g.a.string,position:g.a.oneOf(["top","left","bottom","right"])}}])}));
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("styled-components"),require("react-dom")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom"],n):"object"==typeof exports?exports.strapiDs=n(require("react"),require("styled-components"),require("react-dom")):e.strapiDs=n(e.react,e["styled-components"],e["react-dom"])}(this,(function(e,n,t){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=45)}([function(e,n,t){e.exports=t(16)()},function(n,t){n.exports=e},function(e,t){e.exports=n},function(e,n){e.exports=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.r(n),t.d(n,"Box",(function(){return d}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),f=t(7),l={color:!0},d=s.a.div.withConfig({shouldForwardProp:function(e,n){return!l[e]&&n(e)}})(r||(r=i()(["\n  // Font\n  font-size: ",";\n\n  // Colors\n  background: ",";\n  color: ",";\n\n  // Spaces\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n\n  // Responsive hiding\n  ","\n  ","\n  \n\n  // Borders\n  border-radius: ",";\n  border-style: ",";\n  border-width: ",";\n  border-color: ",";\n  border: ",";\n\n  // Shadows\n  box-shadow: ",";\n\n  // Handlers\n  pointer-events: ",";\n  &:hover {\n    ","\n  }\n\n  // Display\n  display: ",";\n\n  // Position\n  position: ",";\n  left: ",";\n  right: ",";\n  top: ",";\n  bottom: ",";\n  z-index: ",";\n  overflow: ",";\n  cursor: ",";\n\n  // Size\n  width: ",";\n  max-width: ",";\n  min-width: ",";\n  height: ",";\n  max-height: ",";\n  min-height: ",";\n\n  // Animation\n  transition: ",";\n  transform: ",";\n  animation: ",";\n\n  //Flexbox children props\n  flex-shrink: ",";\n  flex-grow: ",";\n  flex-basis: ",";\n  flex: ",";\n\n  // Text\n  text-align: ",";\n  text-transform: ",";\n  line-height: ",";\n\n  // Cursor\n  cursor: ",";\n"])),(function(e){var n=e.fontSize;return e.theme.fontSizes[n]||n}),(function(e){var n=e.theme,t=e.background;return n.colors[t]}),(function(e){var n=e.theme,t=e.color;return n.colors[t]}),(function(e){var n=e.theme,t=e.padding;return Object(f.a)("padding",t,n)}),(function(e){var n=e.theme,t=e.paddingTop;return Object(f.a)("padding-top",t,n)}),(function(e){var n=e.theme,t=e.paddingRight;return Object(f.a)("padding-right",t,n)}),(function(e){var n=e.theme,t=e.paddingBottom;return Object(f.a)("padding-bottom",t,n)}),(function(e){var n=e.theme,t=e.paddingLeft;return Object(f.a)("padding-left",t,n)}),(function(e){var n=e.theme,t=e.marginLeft;return Object(f.a)("margin-left",t,n)}),(function(e){var n=e.theme,t=e.marginRight;return Object(f.a)("margin-right",t,n)}),(function(e){var n=e.theme,t=e.marginTop;return Object(f.a)("margin-top",t,n)}),(function(e){var n=e.theme,t=e.marginBottom;return Object(f.a)("margin-bottom",t,n)}),(function(e){var n=e.theme;return e.hiddenS?"".concat(n.mediaQueries.tablet," { display: none; }"):void 0}),(function(e){var n=e.theme;return e.hiddenXS?"".concat(n.mediaQueries.mobile," { display: none; }"):void 0}),(function(e){var n=e.theme,t=e.hasRadius,r=e.borderRadius;return t?n.borderRadius:r}),(function(e){return e.borderStyle}),(function(e){return e.borderWidth}),(function(e){var n=e.borderColor;return e.theme.colors[n]}),(function(e){var n=e.theme,t=e.borderColor,r=e.borderStyle,o=e.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(n.colors[t])}),(function(e){var n=e.theme,t=e.shadow;return n.shadows[t]}),(function(e){return e.pointerEvents}),(function(e){var n=e._hover,t=e.theme;return n?n(t):void 0}),(function(e){return e.display}),(function(e){return e.position}),(function(e){var n=e.left;return e.theme.spaces[n]||n}),(function(e){var n=e.right;return e.theme.spaces[n]||n}),(function(e){var n=e.top;return e.theme.spaces[n]||n}),(function(e){var n=e.bottom;return e.theme.spaces[n]||n}),(function(e){return e.zIndex}),(function(e){return e.overflow}),(function(e){return e.cursor}),(function(e){var n=e.width;return e.theme.spaces[n]||n}),(function(e){var n=e.maxWidth;return e.theme.spaces[n]||n}),(function(e){var n=e.minWidth;return e.theme.spaces[n]||n}),(function(e){var n=e.height;return e.theme.spaces[n]||n}),(function(e){var n=e.maxHeight;return e.theme.spaces[n]||n}),(function(e){var n=e.minHeight;return e.theme.spaces[n]||n}),(function(e){return e.transition}),(function(e){return e.transform}),(function(e){return e.animation}),(function(e){return e.shrink}),(function(e){return e.grow}),(function(e){return e.basis}),(function(e){return e.flex}),(function(e){return e.textAlign}),(function(e){return e.textTransform}),(function(e){return e.lineHeight}),(function(e){return e.cursor}));d.displayName="Box",d.defaultProps={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},d.propTypes={_hover:u.a.func,background:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.string]),borderColor:u.a.string,children:u.a.oneOfType([u.a.node,u.a.string]),color:u.a.string,flex:u.a.oneOfType([u.a.string,u.a.string]),grow:u.a.oneOfType([u.a.string,u.a.string]),hasRadius:u.a.bool,hiddenS:u.a.bool,hiddenXS:u.a.bool,padding:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingBottom:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingLeft:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingRight:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingTop:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),shadow:u.a.string,shrink:u.a.oneOfType([u.a.string,u.a.string])}},function(e,n){function t(){return e.exports=t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){var r=t(21);e.exports=function(e,n){if(null==e)return{};var t,o,i=r(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";var r=t(10),o=t.n(r);n.a=function(e,n,t){if(void 0!==n){if(Array.isArray(n)){var r=o()(n,3),i=r[0],a=r[1],u=r[2],c="".concat(e,": ").concat(t.spaces[i],";");return void 0!==a&&(c+="".concat(t.mediaQueries.tablet,"{\n          ").concat(e,": ").concat(t.spaces[a],";\n        }")),void 0!==u&&(c+="".concat(t.mediaQueries.mobile,"{\n          ").concat(e,": ").concat(t.spaces[u],";\n        }")),c}var s=t.spaces[n]||n;return"".concat(e,": ").concat(s,";")}}},function(e,n,t){"use strict";t.r(n),t.d(n,"Typography",(function(){return l}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=["alpha","beta","delta","epsilon","omega","pi","sigma"],f={fontSize:!0,fontWeight:!0},l=t.n(c).a.span.withConfig({shouldForwardProp:function(e,n){return!f[e]&&n(e)}})(r||(r=i()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(e){var n=e.theme,t=e.fontWeight;return n.fontWeights[t]}),(function(e){var n=e.theme,t=e.fontSize;return n.fontSizes[t]}),(function(e){var n=e.theme,t=e.lineHeight;return n.lineHeights[t]}),(function(e){var n=e.theme,t=e.textColor;return n.colors[t||"neutral800"]}),(function(e){return e.textTransform}),(function(e){return e.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "}),(function(e){var n=e.variant,t=e.theme;switch(n){case"alpha":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[5],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"beta":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[4],";\n        line-height: ").concat(t.lineHeights[1],";\n      ");case"delta":return"\n        font-weight: ".concat(t.fontWeights.semiBold,";\n        font-size: ").concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"epsilon":return"\n        font-size: ".concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[6],";\n      ");case"omega":return"\n        font-size: ".concat(t.fontSizes[2],";\n        line-height: ").concat(t.lineHeights[4],";\n      ");case"pi":return"\n        font-size: ".concat(t.fontSizes[1],";\n        line-height: ").concat(t.lineHeights[3],";\n      ");case"sigma":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[0],";\n        line-height: ").concat(t.lineHeights[5],";\n        text-transform: uppercase;\n      ");default:return"\n        font-size: ".concat(t.fontSizes[2],";\n      ")}}));l.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},l.propTypes={fontSize:u.a.oneOfType([u.a.number,u.a.string]),fontWeight:u.a.string,lineHeight:u.a.oneOfType([u.a.number,u.a.string]),textColor:u.a.string,textTransform:u.a.string,variant:u.a.oneOf(s)}},,function(e,n,t){var r=t(22),o=t(23),i=t(19),a=t(24);e.exports=function(e,n){return r(e)||o(e,n)||i(e,n)||a()},e.exports.default=e.exports,e.exports.__esModule=!0},,,function(e,n,t){"use strict";t.d(n,"a",(function(){return i}));var r=t(1),o=0,i=function(e,n){return Object(r.useRef)(n||"".concat(e,"-").concat(++o)).current}},,,function(e,n,t){"use strict";var r=t(17);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,i,a){if(a!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,n){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){var r=t(18);e.exports=function(e,n){if(e){if("string"==typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.r(n),t.d(n,"VisuallyHidden",(function(){return u}));var r,o=t(3),i=t.n(o),a=t(2),u=t.n(a).a.div(r||(r=i()(["\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n"])))},function(e,n){e.exports=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},,,,function(e,n,t){"use strict";t.r(n),t.d(n,"Portal",(function(){return u}));var r=t(10),o=t.n(r),i=t(1),a=t(30),u=function(e){var n=e.children,t=Object(i.useRef)(null),r=Object(i.useState)(!1),u=o()(r,2),c=u[0],s=u[1];return Object(i.useLayoutEffect)((function(){return t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),s(!0),function(){var e;null===(e=t.current)||void 0===e||e.remove()}}),[]),c&&t.current?Object(a.createPortal)(n,t.current):null}},,function(e,n){e.exports=t},,,,,,function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0},,,,,,,,,function(e,n,t){"use strict";t.r(n),t.d(n,"Tooltip",(function(){return E}));var r,o=t(5),i=t.n(o),a=t(36),u=t.n(a),c=t(6),s=t.n(c),f=t(3),l=t.n(f),d=t(1),p=t.n(d),h=t(0),g=t.n(h),b=t(2),m=t.n(b),v=t(4),y=t(8),x=t(28),O=t(10),w=t.n(O),j=function(e,n,t){var r=e.getBoundingClientRect(),o=n.getBoundingClientRect();return"bottom"===t?function(e,n){var t=(e.width-n.width)/2;return{left:n.left-t,top:n.top+n.height+8+window.pageYOffset}}(r,o):"right"===t?function(e,n){var t=(e.height-n.height)/2;return{left:n.left+n.width+8,top:n.top-t+window.pageYOffset}}(r,o):"left"===t?function(e,n){var t=(e.height-n.height)/2;return{left:n.left-e.width-8,top:n.top-t+window.pageYOffset}}(r,o):function(e,n){var t=(e.width-n.width)/2,r=n.left-t,o=n.top-e.height-8+window.pageYOffset,i=window.innerWidth-n.right;return n.left+e.width-i>window.innerWidth?(r=n.left-e.width-8,o=n.top+window.scrollY-n.height/2):r<0?(r=n.width+n.left+8,o=n.top+window.scrollY-e.height/2+8):o<0&&r>0&&(o=n.top+n.height+8),{left:r,top:o}}(r,o)},S=t(13),T=t(20),_=["children","label","description","delay","position","id"],P=["visible"];function z(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var R=m()(v.Box)(r||(r=l()(["\n  position: absolute;\n  /* z-index exist because of its position inside Modals */\n  z-index: 4;\n  display: ",";\n"])),(function(e){return e.visible?"revert":"none"})),E=function(e){var n=e.children,t=e.label,r=e.description,o=e.delay,a=e.position,c=e.id,f=s()(e,_),l=Object(S.a)("tooltip",c),h=Object(S.a)("description"),g=function(e){var n=Object(d.useState)(!1),t=w()(n,2),r=t[0],o=t[1],i=Object(d.useRef)(),a=function(){i.current&&clearTimeout(i.current)};Object(d.useEffect)((function(){return function(){a()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){i.current=setTimeout((function(){o(!0)}),e)},onMouseLeave:function(){a(),o(!1)}}}(o),b=g.visible,m=s()(g,P),v=function(e,n){var t=Object(d.useRef)(null),r=Object(d.useRef)(null);return Object(d.useLayoutEffect)((function(){if(e){var o=t.current,i=r.current,a=j(o,i,n);o.style.left="".concat(a.left,"px"),o.style.top="".concat(a.top,"px")}}),[e]),{tooltipWrapperRef:t,toggleSourceRef:r}}(b,a),O=v.tooltipWrapperRef,E=v.toggleSourceRef,W=p.a.cloneElement(n,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?z(Object(t),!0).forEach((function(n){u()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):z(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({tabIndex:0,"aria-labelledby":t?l:void 0,"aria-describedby":r?l:void 0},m));return p.a.createElement(p.a.Fragment,null,p.a.createElement(x.Portal,null,p.a.createElement(R,i()({id:l,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:O,visible:b},f),b&&p.a.createElement(T.VisuallyHidden,{id:h},r),p.a.createElement(y.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),p.a.createElement("span",{ref:E},W))};E.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},E.propTypes={children:g.a.node.isRequired,delay:g.a.number,description:g.a.string,id:g.a.string,label:g.a.string,position:g.a.oneOf(["top","left","bottom","right"])}}])}));