@strapi/design-system 0.0.1-alpha.76 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion.development.js +15 -4
- package/Accordion.production.js +1 -1
- package/Alert.development.js +1 -1
- package/Alert.production.js +1 -1
- package/Avatar.development.js +1 -1
- package/Avatar.production.js +1 -1
- package/Badge.development.js +1 -1
- package/Badge.production.js +1 -1
- package/BaseButton.production.js +1 -1
- package/BaseCheckbox.development.js +1 -1
- package/BaseCheckbox.production.js +1 -1
- package/{Text.development.js → BaseLink.development.js} +13 -73
- package/BaseLink.js +9 -0
- package/BaseLink.production.js +1 -0
- package/BaseRadio.production.js +1 -1
- package/Box.production.js +1 -1
- package/Breadcrumbs.production.js +1 -1
- package/Button.development.js +2 -2
- package/Button.production.js +1 -1
- package/Card.development.js +5 -5
- package/Card.production.js +1 -1
- package/CarouselInput.development.js +5 -5
- package/CarouselInput.production.js +1 -1
- package/Checkbox.development.js +5 -5
- package/Checkbox.production.js +1 -1
- package/Combobox.development.js +7 -7
- package/Combobox.production.js +1 -1
- package/DatePicker.development.js +41 -28
- package/DatePicker.production.js +1 -1
- package/Dialog.development.js +2 -2
- package/Dialog.production.js +1 -1
- package/Divider.production.js +1 -1
- package/EmptyStateLayout.production.js +1 -1
- package/Field.development.js +2 -2
- package/Field.production.js +1 -1
- package/Flex.production.js +1 -1
- package/FocusTrap.production.js +1 -1
- package/Grid.production.js +1 -1
- package/Icon.production.js +1 -1
- package/IconButton.production.js +1 -1
- package/KeyboardNavigable.production.js +1 -1
- package/Layout.development.js +1 -1
- package/Layout.production.js +1 -1
- package/Link.development.js +30 -17
- package/Link.production.js +1 -1
- package/LinkButton.development.js +31 -18
- package/LinkButton.production.js +1 -1
- package/LiveRegions.production.js +1 -1
- package/Loader.development.js +1 -1
- package/Loader.production.js +1 -1
- package/Main.production.js +1 -1
- package/MainNav.development.js +36 -23
- package/MainNav.production.js +1 -1
- package/ModalLayout.development.js +1 -1
- package/ModalLayout.production.js +1 -1
- package/NumberInput.development.js +4 -4
- package/NumberInput.production.js +1 -1
- package/Pagination.development.js +31 -18
- package/Pagination.production.js +1 -1
- package/Popover.development.js +2 -2
- package/Popover.production.js +1 -1
- package/Portal.production.js +1 -1
- package/ProgressBar.production.js +1 -1
- package/Radio.production.js +1 -1
- package/RawTable.production.js +1 -1
- package/Searchbar.development.js +2 -2
- package/Searchbar.production.js +1 -1
- package/Select.development.js +7 -7
- package/Select.production.js +1 -1
- package/SimpleMenu.development.js +34 -21
- package/SimpleMenu.production.js +1 -1
- package/Stack.development.js +1 -1
- package/Stack.production.js +1 -1
- package/Status.production.js +1 -1
- package/SubNav.development.js +37 -24
- package/SubNav.production.js +1 -1
- package/Switch.production.js +1 -1
- package/Table.production.js +1 -1
- package/Tabs.production.js +1 -1
- package/Tag.production.js +1 -1
- package/TextButton.production.js +1 -1
- package/TextInput.development.js +4 -4
- package/TextInput.production.js +1 -1
- package/Textarea.development.js +5 -5
- package/Textarea.production.js +1 -1
- package/TimePicker.development.js +7 -7
- package/TimePicker.production.js +1 -1
- package/ToggleCheckbox.development.js +1 -1
- package/ToggleCheckbox.production.js +1 -1
- package/ToggleInput.development.js +29 -5
- package/ToggleInput.production.js +1 -1
- package/Tooltip.production.js +1 -1
- package/index.development.js +128 -115
- package/index.production.js +1 -1
- package/package.json +6 -9
- package/themes.development.js +50 -14
- package/themes.production.js +1 -1
- package/Text.js +0 -9
- package/Text.production.js +0 -1
package/MainNav.production.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("react-dom"),require("react-router-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom","react-router-dom","@strapi/icons/ChevronRight","@strapi/icons/ChevronLeft"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("react-dom"),require("react-router-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):n.strapiDs=e(n.react,n["styled-components"],n["react-dom"],n["react-router-dom"],n["@strapi/icons/ChevronRight"],n["@strapi/icons/ChevronLeft"])}(this,(function(n,e,t,r,o,i){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=93)}([function(n,e,t){n.exports=t(17)()},function(e,t){e.exports=n},function(n,t){n.exports=e},function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return p}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),l=t(7),d={color:!0},p=s.a.div.withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(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(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(l.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(l.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(l.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(l.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(l.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(l.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(l.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(l.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(l.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.spaces[e]||e}),(function(n){var e=n.maxWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.minWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.height;return n.theme.spaces[e]||e}),(function(n){var e=n.maxHeight;return n.theme.spaces[e]||e}),(function(n){var e=n.minHeight;return n.theme.spaces[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));p.displayName="Box",p.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(){}},p.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(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(22);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";var r=t(10),o=t.n(r),i=t(13),a=t.n(i);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==a()(e)||(r=[null==e?void 0:e.desktop,null==e?void 0:e.tablet,null==e?void 0:e.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,u=o()(i,3),c=u[0],s=u[1],l=u[2],d="".concat(n,": ").concat(t.spaces[c],";");return void 0!==s&&(d+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[s],";\n }")),void 0!==l&&(d+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[l],";\n }")),d}var p=t.spaces[r]||r;return"".concat(n,": ").concat(p,";")}}},function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return d}));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"],l={fontSize:!0,fontWeight:!0},d=t.n(c).a.span.withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\n ","\n ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "}),(function(n){var e=n.variant,t=n.theme;switch(e){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 ")}}));d.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},d.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(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return p}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),l=t(4),d={direction:!0},p=s()(l.Box).withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=i()(["\n display: ",";\n flex-direction: ",";\n justify-content: ",";\n align-items: ",";\n flex-wrap: ",";\n"])),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.justifyContent}),(function(n){return n.alignItems}),(function(n){return n.wrap}));p.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},p.propTypes={alignItems:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.number]),direction:u.a.string,inline:u.a.bool,justifyContent:u.a.string,reverse:u.a.bool,wrap:u.a.string}},function(n,e,t){var r=t(23),o=t(24),i=t(20),a=t(25);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},,,function(n,e){function t(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=t=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=t=function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.default=n.exports,n.exports.__esModule=!0),t(e)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(1),o=0,i=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++o)).current}},,,function(n,e,t){"use strict";var r=t(18);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,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 e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(19);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"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(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){u=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.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.")},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Stack",(function(){return E}));var r,o,i=t(5),a=t.n(i),u=t(6),c=t.n(u),s=t(3),l=t.n(s),d=t(1),p=t.n(d),f=t(0),h=t.n(f),g=t(2),m=t.n(g),b=t(4),v=t(9),y=["horizontal","size"],x={size:!0},w=m()(b.Box).withConfig({shouldForwardProp:function(n,e){return!x[n]&&e(n)}})(r||(r=l()(["\n display: flex;\n flex-direction: column;\n\n & > * {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > * + * {\n margin-top: ",";\n }\n"])),(function(n){var e=n.theme,t=n.size;return e.spaces[t]})),O=m()(v.Flex).withConfig({shouldForwardProp:function(n,e){return!x[n]&&e(n)}})(o||(o=l()(["\n & > * {\n margin-left: 0;\n margin-right: 0;\n }\n\n & > * + * {\n margin-left: ",";\n }\n"])),(function(n){var e=n.theme,t=n.size;return e.spaces[t]})),E=Object(d.forwardRef)((function(n,e){var t=n.horizontal,r=n.size,o=c()(n,y);return t?p.a.createElement(O,a()({ref:e,size:r},o)):p.a.createElement(w,a()({ref:e,size:r},o))}));E.displayName="Stack",E.defaultProps={horizontal:!1},E.propTypes={horizontal:h.a.bool,size:h.a.number.isRequired}},,,function(n,e,t){"use strict";t.r(e),t.d(e,"Portal",(function(){return u}));var r=t(10),o=t.n(r),i=t(1),a=t(32),u=function(n){var e=n.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 n;null===(n=t.current)||void 0===n||n.remove()}}),[]),c&&t.current?Object(a.createPortal)(e,t.current):null}},,,function(n,e){n.exports=t},,,function(n,e){n.exports=r},,function(n,e){n.exports=function(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n},n.exports.default=n.exports,n.exports.__esModule=!0},,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Icon",(function(){return g}));var r,o=t(5),i=t.n(o),a=t(3),u=t.n(a),c=t(1),s=t.n(c),l=t(0),d=t.n(l),p=t(4),f=t(2),h=t.n(f)()(p.Box)(r||(r=u()(["\n path {\n fill: ",";\n }\n ","\n"])),(function(n){var e=n.color;return n.theme.colors[e]}),(function(n){var e=n.theme;return(0,n.colors)(e)})),g=s.a.forwardRef((function(n,e){return s.a.createElement(h,i()({ref:e},n))}));g.displayName="Icon",g.defaultProps={color:"neutral600",colors:function(){}},g.propTypes={color:d.a.string,colors:d.a.func}},,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Tooltip",(function(){return k}));var r,o=t(5),i=t.n(o),a=t(37),u=t.n(a),c=t(6),s=t.n(c),l=t(3),d=t.n(l),p=t(1),f=t.n(p),h=t(0),g=t.n(h),m=t(2),b=t.n(m),v=t(4),y=t(8),x=t(29),w=t(10),O=t.n(w),E=function(n,e,t){var r=n.getBoundingClientRect(),o=e.getBoundingClientRect();return"bottom"===t?function(n,e){var t=(n.width-e.width)/2;return{left:e.left-t,top:e.top+e.height+8+window.pageYOffset}}(r,o):"right"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left+e.width+8,top:e.top-t+window.pageYOffset}}(r,o):"left"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left-n.width-8,top:e.top-t+window.pageYOffset}}(r,o):function(n,e){var t=(n.width-e.width)/2,r=e.left-t,o=e.top-n.height-8+window.pageYOffset,i=window.innerWidth-e.right;return e.left+n.width-i>window.innerWidth?(r=e.left-n.width-8,o=e.top+window.scrollY-e.height/2):r<0?(r=e.width+e.left+8,o=e.top+window.scrollY-n.height/2+8):o<0&&r>0&&(o=e.top+e.height+8),{left:r,top:o}}(r,o)},T=t(14),j=t(21),C=["children","label","description","delay","position","id"],S=["visible"];function R(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var z=b()(v.Box)(r||(r=d()(["\n position: absolute;\n /* z-index exist because of its position inside Modals */\n z-index: 4;\n display: ",";\n"])),(function(n){return n.visible?"revert":"none"})),k=function(n){var e=n.children,t=n.label,r=n.description,o=n.delay,a=n.position,c=n.id,l=s()(n,C),d=Object(T.a)("tooltip",c),h=Object(T.a)("description"),g=function(n){var e=Object(p.useState)(!1),t=O()(e,2),r=t[0],o=t[1],i=Object(p.useRef)(),a=function(){i.current&&clearTimeout(i.current)};Object(p.useEffect)((function(){return function(){a()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){i.current=setTimeout((function(){o(!0)}),n)},onMouseLeave:function(){a(),o(!1)}}}(o),m=g.visible,b=s()(g,S),v=function(n,e){var t=Object(p.useRef)(null),r=Object(p.useRef)(null);return Object(p.useLayoutEffect)((function(){if(n){var o=t.current,i=r.current,a=E(o,i,e);o.style.left="".concat(a.left,"px"),o.style.top="".concat(a.top,"px")}}),[n]),{tooltipWrapperRef:t,toggleSourceRef:r}}(m,a),w=v.tooltipWrapperRef,k=v.toggleSourceRef,P=f.a.cloneElement(e,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?R(Object(t),!0).forEach((function(e){u()(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({tabIndex:0,"aria-labelledby":t?d:void 0,"aria-describedby":r?d:void 0},b));return f.a.createElement(f.a.Fragment,null,f.a.createElement(x.Portal,null,f.a.createElement(z,i()({id:d,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:w,visible:m},l),m&&f.a.createElement(j.VisuallyHidden,{id:h},r),f.a.createElement(y.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),f.a.createElement("span",{ref:k},P))};k.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},k.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(n,e,t){"use strict";t.r(e),t.d(e,"Grid",(function(){return w})),t.d(e,"GridItem",(function(){return j}));var r,o=t(5),i=t.n(o),a=t(6),u=t.n(a),c=t(3),s=t.n(c),l=t(1),d=t.n(l),p=t(2),f=t.n(p),h=t(0),g=t.n(h),m=Object(l.createContext)({gap:0,gridCols:12}),b=t(4),v=t(7),y=["gap","gridCols"],x=f()(b.Box)(r||(r=s()(["\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n ","\n"])),(function(n){return n.gridCols}),(function(n){var e=n.theme,t=n.gap;return Object(v.a)("gap",t,e)})),w=function(n){var e=n.gap,t=n.gridCols,r=u()(n,y);return d.a.createElement(m.Provider,{value:{gap:e,gridCols:t}},d.a.createElement(x,i()({gap:e,gridCols:t},r)))};w.defaultProps={gap:0,gridCols:12},w.propTypes={gap:g.a.oneOfType([g.a.number,g.a.arrayOf(g.a.number)]),gridCols:g.a.number};var O,E=["col","xs","s"],T=f.a.div(O||(O=s()(["\n grid-column: span ",";\n max-width: 100%;\n\n "," {\n grid-column: span ",";\n }\n\n "," {\n grid-column: span ",";\n }\n"])),(function(n){return n.col}),(function(n){return n.theme.mediaQueries.tablet}),(function(n){return n.s}),(function(n){return n.theme.mediaQueries.mobile}),(function(n){return n.xs})),j=function(n){var e=n.col,t=n.xs,r=n.s,o=u()(n,E),i=Object(l.useContext)(m),a=i.gap,c=i.gridCols;return d.a.createElement(T,{gap:a,gridCols:c,col:e,xs:t,s:r},d.a.createElement(b.Box,o))};j.defaultProps={col:void 0,s:void 0,xs:void 0},j.propTypes={col:g.a.number,s:g.a.number,xs:g.a.number}},,function(n,e){n.exports=o},function(n,e,t){"use strict";t.r(e),t.d(e,"Badge",(function(){return h}));var r=t(5),o=t.n(r),i=t(6),a=t.n(i),u=t(1),c=t.n(u),s=t(0),l=t.n(s),d=t(9),p=t(8),f=["active","textColor","backgroundColor","children","minWidth"],h=function(n){var e=n.active,t=n.textColor,r=n.backgroundColor,i=n.children,u=n.minWidth,s=a()(n,f);return c.a.createElement(d.Flex,o()({inline:!0,alignItem:"center",justifyContent:"center",minWidth:u,padding:1,background:e?"primary100":r,hasRadius:!0},s),c.a.createElement(p.Typography,{variant:"sigma",textColor:e?"primary600":t},i))};h.defaultProps={active:!1,backgroundColor:"neutral100",minWidth:5,textColor:"neutral600"},h.propTypes={active:l.a.bool,backgroundColor:l.a.string,children:l.a.oneOfType([l.a.number,l.a.string]).isRequired,minWidth:l.a.number,textColor:l.a.string}},,function(n,e,t){"use strict";t.r(e),t.d(e,"Divider",(function(){return v}));var r,o=t(5),i=t.n(o),a=t(6),u=t.n(a),c=t(3),s=t.n(c),l=t(1),d=t.n(l),p=t(0),f=t.n(p),h=t(4),g=t(2),m=["unsetMargin"],b=t.n(g)()(h.Box)(r||(r=s()(["\n height: 1px;\n border: none;\n ","\n"])),(function(n){return n.unsetMargin?"margin: 0;":""})),v=function(n){var e=n.unsetMargin,t=u()(n,m);return d.a.createElement(b,i()({},t,{as:"hr",unsetMargin:e}))};v.defaultProps={background:"neutral150",unsetMargin:!0},v.propTypes={background:f.a.string,unsetMargin:f.a.bool}},,,,function(n,e){n.exports=i},,,,,,,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Avatar",(function(){return j})),t.d(e,"Initials",(function(){return R})),t.d(e,"AvatarGroup",(function(){return z}));var r,o,i,a,u,c,s=t(10),l=t.n(s),d=t(3),p=t.n(d),f=t(1),h=t.n(f),g=t(2),m=t.n(g),b=t(0),v=t.n(b),y=t(8),x=t(9),w=m.a.img(r||(r=p()(["\n border-radius: 50%;\n display: block;\n position: relative;\n"]))),O=m.a.div(o||(o=p()(["\n position: relative;\n width: ","px;\n height: ","px;\n z-index: ",";\n"])),26,26,(function(n){return n.hovering?1:void 0})),E=m.a.img(i||(i=p()(["\n border-radius: 50%;\n position: absolute;\n transform: translate(-","px, -100%);\n margin-top: -",";\n"])),19,(function(n){return n.theme.spaces[1]})),T=m.a.div(a||(a=p()(["\n z-index: 1;\n border-radius: 50%;\n position: absolute;\n width: ","px;\n height: ","px;\n background: ",";\n opacity: 0.4;\n"])),26,26,(function(n){return n.theme.colors.neutral0})),j=function(n){var e=n.src,t=n.alt,r=n.preview,o=Object(f.useState)(!1),i=l()(o,2),a=i[0],u=i[1];return h.a.createElement("span",null,r&&a?h.a.createElement(E,{"aria-hidden":!0,alt:"",width:"".concat(64,"px"),height:"".concat(64,"px"),src:!0===r?e:r}):null,h.a.createElement(O,{hovering:r&&a,onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)}},r&&a?h.a.createElement(T,null):null,h.a.createElement(w,{src:e,alt:t,width:"".concat(26,"px"),height:"".concat(26,"px")})))},C=function(n){return function(e){return e.theme.colors[n]}},S=m()(x.Flex)(u||(u=p()(["\n width: ","px;\n height: ","px;\n border-radius: 50%;\n\n background: linear-gradient(\n 157deg,\n "," 0%,\n "," 50%,\n "," 81%,\n "," 96%\n );\n\n span {\n line-height: 0;\n }\n"])),26,26,C("primary600"),C("primary500"),C("primary200"),C("primary100")),R=function(n){var e=n.children;return h.a.createElement(S,{justifyContent:"center"},h.a.createElement(y.Typography,{fontWeight:"bold",textColor:"neutral0",fontSize:0,textTransform:"uppercase"},e))};R.propTypes={children:v.a.string.isRequired},j.defaultProps={preview:void 0},j.propTypes={alt:v.a.string.isRequired,preview:v.a.oneOfType([v.a.string,v.a.bool]),src:v.a.string.isRequired};var z=m()(x.Flex)(c||(c=p()(["\n & > * + * {\n margin-left: -","px;\n }\n"])),13)},,,,,,,,,,,,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"MainNav",(function(){return w})),t.d(e,"NavBrand",(function(){return P})),t.d(e,"NavLink",(function(){return D})),t.d(e,"NavSection",(function(){return U})),t.d(e,"NavSections",(function(){return X})),t.d(e,"NavUser",(function(){return Z})),t.d(e,"NavCondense",(function(){return sn}));var r,o=t(5),i=t.n(o),a=t(6),u=t.n(a),c=t(3),s=t.n(c),l=t(1),d=t.n(l),p=t(2),f=t.n(p),h=t(0),g=t.n(h),m=t(49),b=Object(l.createContext)(),v=function(){return Object(l.useContext)(b)},y=["condensed"],x=f()(m.Grid)(r||(r=s()(["\n width: ",";\n background: ",";\n position: sticky;\n top: 0;\n height: 100vh;\n z-index: 2;\n border-right: 1px solid ",";\n"])),(function(n){return n.condensed?"max-content":"".concat(14,"rem")}),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral150})),w=function(n){var e=n.condensed,t=u()(n,y);return d.a.createElement(b.Provider,{value:e},d.a.createElement(x,i()({as:"nav",condensed:e},t)))};w.defaultProps={condensed:!1},w.propTypes={condensed:g.a.bool};var O,E,T=t(35),j=t(4),C=t(8),S=t(9),R=t(21),z=f.a.div(O||(O=s()(["\n border-radius: ",";\n\n svg,\n img {\n height: ",";\n width: ",";\n }\n"])),(function(n){return n.theme.borderRadius}),(function(n){var e=n.condensed;return"".concat(e?2.5:2,"rem")}),(function(n){var e=n.condensed;return"".concat(e?2.5:2,"rem")})),k=f()(T.NavLink)(E||(E=s()(["\n text-decoration: unset;\n color: inherit;\n"]))),P=function(n){var e=n.workplace,t=n.title,r=n.icon,o=n.to;return v()?d.a.createElement(j.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},d.a.createElement(z,{condensed:!0},d.a.createElement(T.NavLink,{to:o},r,d.a.createElement(R.VisuallyHidden,null,d.a.createElement("span",null,t),d.a.createElement("span",null,e))))):d.a.createElement(j.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},d.a.createElement(S.Flex,null,d.a.createElement(z,{as:T.NavLink,to:o,"aria-hidden":!0,tabIndex:-1},r),d.a.createElement(j.Box,{paddingLeft:2},d.a.createElement(C.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span"},d.a.createElement(k,{to:o},t,d.a.createElement(R.VisuallyHidden,{as:"span"},e))),d.a.createElement(C.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0},e))))};P.defaultProps={to:"/"},P.propTypes={icon:g.a.node.isRequired,title:g.a.string.isRequired,to:g.a.string,workplace:g.a.string.isRequired};var _,B,M,L,W=t(46),q=t(52),H=["children","icon","badgeContent","badgeAriaLabel"],A=f()(j.Box)(_||(_=s()(["\n svg {\n width: 1rem;\n height: 1rem;\n }\n"]))),I=f()(T.NavLink)(B||(B=s()(["\n position: relative;\n text-decoration: none;\n display: block;\n border-radius: ",";\n background: ",";\n\n "," {\n color: ",";\n }\n\n svg path {\n fill: ",";\n }\n\n &:hover {\n background: ",";\n\n "," {\n color: ",";\n }\n\n svg path {\n fill: ",";\n }\n }\n\n &.active {\n background: ",";\n\n svg path {\n fill: ",";\n }\n\n "," {\n color: ",";\n font-weight: 500;\n }\n }\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),C.Typography,(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral100}),C.Typography,(function(n){return n.theme.colors.neutral700}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.primary100}),(function(n){return n.theme.colors.primary600}),C.Typography,(function(n){return n.theme.colors.primary600})),F=f()(S.Flex)(M||(M=s()(["\n padding: ",";\n"])),(function(n){var e=n.theme;return"".concat(e.spaces[2]," ").concat(e.spaces[3])})),N=f()(q.Badge)(L||(L=s()(["\n ","\n\n "," {\n //find a solution to remove !important\n color: "," !important;\n line-height: 0;\n }\n\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: ",";\n height: ",";\n padding: ",";\n border-radius: ",";\n background: ",";\n"])),(function(n){return n.condensed&&"\n\t position: absolute;\n transform: translate(35%, -50%);\n top: 0;\n right: 0;\n "}),C.Typography,(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.spaces[6]}),(function(n){return n.theme.spaces[5]}),(function(n){var e=n.theme;return"0 ".concat(e.spaces[2])}),(function(n){return n.theme.spaces[10]}),(function(n){return n.theme.colors.primary600})),D=function(n){var e=n.children,t=n.icon,r=n.badgeContent,o=n.badgeAriaLabel,i=u()(n,H);return v()?d.a.createElement("li",null,d.a.createElement(W.Tooltip,{position:"right",label:e},d.a.createElement(I,i,d.a.createElement(F,{as:"span"},d.a.createElement(A,{"aria-hidden":!0,paddingRight:0,as:"span"},t),r&&d.a.createElement(N,{condensed:!0,"aria-label":o},r))))):d.a.createElement("li",null,d.a.createElement(I,i,d.a.createElement(F,{as:"span",justifyContent:"space-between"},d.a.createElement(S.Flex,null,d.a.createElement(A,{"aria-hidden":!0,paddingRight:3,as:"span"},t),d.a.createElement(C.Typography,null,e)),r&&d.a.createElement(N,{justifyContent:"center","aria-label":o},r))))};D.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0},D.propTypes={badgeAriaLabel:g.a.string,badgeContent:g.a.oneOfType([g.a.string,g.a.number]),children:g.a.string.isRequired,icon:g.a.node.isRequired};var V=t(26),Y=t(54),Q=["label"],U=function(n){var e=n.label,t=u()(n,Q);return v()?d.a.createElement(j.Box,{as:"li"},d.a.createElement(V.Stack,{size:2},d.a.createElement(j.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span"},d.a.createElement(Y.Divider,null),d.a.createElement(R.VisuallyHidden,null,d.a.createElement("span",null,e))),d.a.createElement(V.Stack,i()({as:"ul",size:2},t)))):d.a.createElement(j.Box,{as:"li"},d.a.createElement(V.Stack,{size:2},d.a.createElement(j.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span"},d.a.createElement(C.Typography,{variant:"sigma",textColor:"neutral600"},e)),d.a.createElement(V.Stack,i()({as:"ul",size:2},t))))};U.propTypes={label:g.a.string.isRequired};var G,X=function(n){return d.a.createElement(j.Box,{paddingLeft:3,paddingRight:2,paddingTop:3},d.a.createElement(V.Stack,i()({as:"ul",size:4},n)))},$=t(73),J=["src","children","initials"],K=f()(j.Box)(G||(G=s()(["\n text-decoration: none;\n position: absolute;\n bottom: 0;\n width: 100%;\n border-top: 1px solid ",";\n"])),(function(n){return n.theme.colors.neutral150})),Z=d.a.forwardRef((function(n,e){var t=n.src,r=n.children,o=n.initials,a=u()(n,J),c=v();return d.a.createElement(K,i()({paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5},a),d.a.createElement(S.Flex,{as:"button",justifyContent:c?"center":void 0,ref:e},t?d.a.createElement($.Avatar,{src:t,alt:"","aria-hidden":!0}):d.a.createElement($.Initials,null,o),c?d.a.createElement(R.VisuallyHidden,null,d.a.createElement("span",null,r)):d.a.createElement(j.Box,{width:"".concat(8.125,"rem"),paddingLeft:2,as:"span"},d.a.createElement(C.Typography,{ellipsis:!0,textColor:"neutral600"},r))))}));Z.displayName="NavUser",Z.defaultProps={src:void 0,initials:void 0},Z.propTypes={children:g.a.node.isRequired,initials:g.a.node,src:g.a.string};var nn,en=t(51),tn=t.n(en),rn=t(58),on=t.n(rn),an=t(41),un=["children"],cn=f.a.button(nn||(nn=s()(["\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n bottom: ","rem; // 9 is the height of the svg and 4 is the padding below\n right: ",";\n transform: ",";\n z-index: 2;\n width: ","rem;\n height: ","rem;\n\n svg {\n width: ","rem;\n height: ","rem;\n }\n"])),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.borderRadius}),13/16,(function(n){var e=n.theme;return n.condensed?0:e.spaces[5]}),(function(n){return n.condensed?"translateX(50%)":void 0}),1.125,25/16,6/16,9/16),sn=function(n){var e=n.children,t=u()(n,un),r=v();return d.a.createElement(cn,i()({as:"button",condensed:r},t),d.a.createElement(an.Icon,{as:r?tn.a:on.a,"aria-hidden":!0,color:"neutral600"}),d.a.createElement(R.VisuallyHidden,null,e))};sn.propTypes={children:g.a.string.isRequired}}])}));
|
|
1
|
+
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom","@strapi/icons/ChevronRight","@strapi/icons/ChevronLeft"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):n.strapiDs=e(n.react,n["styled-components"],n["react-dom"],n["@strapi/icons/ChevronRight"],n["@strapi/icons/ChevronLeft"])}(this,(function(n,e,t,r,o){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=93)}([function(n,e,t){n.exports=t(17)()},function(e,t){e.exports=n},function(n,t){n.exports=e},function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(22);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return p}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=t.n(u),l=t(7),d={color:!0},p=s.a.div.withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(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(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(l.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(l.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(l.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(l.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(l.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(l.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(l.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(l.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(l.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.spaces[e]||e}),(function(n){var e=n.maxWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.minWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.height;return n.theme.spaces[e]||e}),(function(n){var e=n.maxHeight;return n.theme.spaces[e]||e}),(function(n){var e=n.minHeight;return n.theme.spaces[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));p.displayName="Box",p.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(){}},p.propTypes={_hover:c.a.func,background:c.a.string,basis:c.a.oneOfType([c.a.string,c.a.string]),borderColor:c.a.string,children:c.a.oneOfType([c.a.node,c.a.string]),color:c.a.string,flex:c.a.oneOfType([c.a.string,c.a.string]),grow:c.a.oneOfType([c.a.string,c.a.string]),hasRadius:c.a.bool,hiddenS:c.a.bool,hiddenXS:c.a.bool,padding:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingBottom:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingLeft:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingRight:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingTop:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),shadow:c.a.string,shrink:c.a.oneOfType([c.a.string,c.a.string])}},function(n,e,t){"use strict";var r=t(10),o=t.n(r),i=t(13),a=t.n(i);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==a()(e)||(r=[null==e?void 0:e.desktop,null==e?void 0:e.tablet,null==e?void 0:e.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,c=o()(i,3),u=c[0],s=c[1],l=c[2],d="".concat(n,": ").concat(t.spaces[u],";");return void 0!==s&&(d+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[s],";\n }")),void 0!==l&&(d+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[l],";\n }")),d}var p=t.spaces[r]||r;return"".concat(n,": ").concat(p,";")}}},function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return d}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=["alpha","beta","delta","epsilon","omega","pi","sigma"],l={fontSize:!0,fontWeight:!0},d=t.n(u).a.span.withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\n ","\n ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "}),(function(n){var e=n.variant,t=n.theme;switch(e){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 ")}}));d.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},d.propTypes={fontSize:c.a.oneOfType([c.a.number,c.a.string]),fontWeight:c.a.string,lineHeight:c.a.oneOfType([c.a.number,c.a.string]),textColor:c.a.string,textTransform:c.a.string,variant:c.a.oneOf(s)}},function(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return p}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=t.n(u),l=t(6),d={direction:!0},p=s()(l.Box).withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=i()(["\n display: ",";\n flex-direction: ",";\n justify-content: ",";\n align-items: ",";\n flex-wrap: ",";\n"])),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.justifyContent}),(function(n){return n.alignItems}),(function(n){return n.wrap}));p.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},p.propTypes={alignItems:c.a.string,basis:c.a.oneOfType([c.a.string,c.a.number]),direction:c.a.string,inline:c.a.bool,justifyContent:c.a.string,reverse:c.a.bool,wrap:c.a.string}},function(n,e,t){var r=t(23),o=t(24),i=t(20),a=t(25);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},,,function(n,e){function t(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=t=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=t=function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.default=n.exports,n.exports.__esModule=!0),t(e)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(1),o=0,i=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++o)).current}},,,function(n,e,t){"use strict";var r=t(18);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,i,a){if(a!==r){var c=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 c.name="Invariant Violation",c}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(19);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"VisuallyHidden",(function(){return c}));var r,o=t(3),i=t.n(o),a=t(2),c=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(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.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.")},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Stack",(function(){return E}));var r,o,i=t(5),a=t.n(i),c=t(4),u=t.n(c),s=t(3),l=t.n(s),d=t(1),p=t.n(d),f=t(0),h=t.n(f),g=t(2),m=t.n(g),b=t(6),v=t(9),y=["horizontal","spacing","size"],x={size:!0},w=m()(b.Box).withConfig({shouldForwardProp:function(n,e){return!x[n]&&e(n)}})(r||(r=l()(["\n display: flex;\n flex-direction: column;\n\n & > * {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > * + * {\n margin-top: ",";\n }\n"])),(function(n){var e=n.theme,t=n.spacing;return e.spaces[t]})),O=m()(v.Flex).withConfig({shouldForwardProp:function(n,e){return!x[n]&&e(n)}})(o||(o=l()(["\n & > * {\n margin-left: 0;\n margin-right: 0;\n }\n\n & > * + * {\n margin-left: ",";\n }\n"])),(function(n){var e=n.theme,t=n.spacing;return e.spaces[t]})),E=Object(d.forwardRef)((function(n,e){var t=n.horizontal,r=n.spacing,o=n.size,i=u()(n,y);return o&&console.warn('Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'),t?p.a.createElement(O,a()({ref:e,spacing:r||o},i)):p.a.createElement(w,a()({ref:e,spacing:r||o},i))}));E.displayName="Stack",E.defaultProps={horizontal:!1,size:void 0,spacing:void 0},E.propTypes={horizontal:h.a.bool,size:h.a.number,spacing:h.a.number}},,,function(n,e,t){"use strict";t.r(e),t.d(e,"Portal",(function(){return c}));var r=t(10),o=t.n(r),i=t(1),a=t(34),c=function(n){var e=n.children,t=Object(i.useRef)(null),r=Object(i.useState)(!1),c=o()(r,2),u=c[0],s=c[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 n;null===(n=t.current)||void 0===n||n.remove()}}),[]),u&&t.current?Object(a.createPortal)(e,t.current):null}},function(n,e){n.exports=function(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n},n.exports.default=n.exports,n.exports.__esModule=!0},,,function(n,e,t){"use strict";t.r(e),t.d(e,"BaseLink",(function(){return b}));var r,o=t(5),i=t.n(o),a=t(4),c=t.n(a),u=t(3),s=t.n(u),l=t(1),d=t.n(l),p=t(0),f=t.n(p),h=t(2),g=["href","rel","target","disabled","isExternal"],m=t.n(h).a.a(r||(r=s()(["\n cursor: pointer;\n"]))),b=d.a.forwardRef((function(n,e){var t=n.href,r=n.rel,o=n.target,a=n.disabled,u=n.isExternal,s=c()(n,g);return d.a.createElement(m,i()({ref:e,target:u?"_blank":o,rel:u?r:void 0,href:a?"#":t,disabled:a},s))}));b.displayName="BaseLink",b.defaultProps={disabled:!1,href:void 0,isExternal:!1,rel:"noreferrer noopener",target:"_self"},b.propTypes={disabled:f.a.bool,href:f.a.string,isExternal:f.a.bool,rel:f.a.string,target:f.a.string}},function(n,e){n.exports=t},,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Icon",(function(){return g}));var r,o=t(5),i=t.n(o),a=t(3),c=t.n(a),u=t(1),s=t.n(u),l=t(0),d=t.n(l),p=t(6),f=t(2),h=t.n(f)()(p.Box)(r||(r=c()(["\n path {\n fill: ",";\n }\n ","\n"])),(function(n){var e=n.color;return n.theme.colors[e]}),(function(n){var e=n.theme;return(0,n.colors)(e)})),g=s.a.forwardRef((function(n,e){return s.a.createElement(h,i()({ref:e},n))}));g.displayName="Icon",g.defaultProps={color:"neutral600",colors:function(){}},g.propTypes={color:d.a.string,colors:d.a.func}},,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Tooltip",(function(){return P}));var r,o=t(5),i=t.n(o),a=t(30),c=t.n(a),u=t(4),s=t.n(u),l=t(3),d=t.n(l),p=t(1),f=t.n(p),h=t(0),g=t.n(h),m=t(2),b=t.n(m),v=t(6),y=t(8),x=t(29),w=t(10),O=t.n(w),E=function(n,e,t){var r=n.getBoundingClientRect(),o=e.getBoundingClientRect();return"bottom"===t?function(n,e){var t=(n.width-e.width)/2;return{left:e.left-t,top:e.top+e.height+8+window.pageYOffset}}(r,o):"right"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left+e.width+8,top:e.top-t+window.pageYOffset}}(r,o):"left"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left-n.width-8,top:e.top-t+window.pageYOffset}}(r,o):function(n,e){var t=(n.width-e.width)/2,r=e.left-t,o=e.top-n.height-8+window.pageYOffset,i=window.innerWidth-e.right;return e.left+n.width-i>window.innerWidth?(r=e.left-n.width-8,o=e.top+window.scrollY-e.height/2):r<0?(r=e.width+e.left+8,o=e.top+window.scrollY-n.height/2+8):o<0&&r>0&&(o=e.top+e.height+8),{left:r,top:o}}(r,o)},T=t(14),j=t(21),C=["children","label","description","delay","position","id"],R=["visible"];function S(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var k=b()(v.Box)(r||(r=d()(["\n position: absolute;\n /* z-index exist because of its position inside Modals */\n z-index: 4;\n display: ",";\n"])),(function(n){return n.visible?"revert":"none"})),P=function(n){var e=n.children,t=n.label,r=n.description,o=n.delay,a=n.position,u=n.id,l=s()(n,C),d=Object(T.a)("tooltip",u),h=Object(T.a)("description"),g=function(n){var e=Object(p.useState)(!1),t=O()(e,2),r=t[0],o=t[1],i=Object(p.useRef)(),a=function(){i.current&&clearTimeout(i.current)};Object(p.useEffect)((function(){return function(){a()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){i.current=setTimeout((function(){o(!0)}),n)},onMouseLeave:function(){a(),o(!1)}}}(o),m=g.visible,b=s()(g,R),v=function(n,e){var t=Object(p.useRef)(null),r=Object(p.useRef)(null);return Object(p.useLayoutEffect)((function(){if(n){var o=t.current,i=r.current,a=E(o,i,e);o.style.left="".concat(a.left,"px"),o.style.top="".concat(a.top,"px")}}),[n]),{tooltipWrapperRef:t,toggleSourceRef:r}}(m,a),w=v.tooltipWrapperRef,P=v.toggleSourceRef,_=f.a.cloneElement(e,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?S(Object(t),!0).forEach((function(e){c()(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({tabIndex:0,"aria-labelledby":t?d:void 0,"aria-describedby":r?d:void 0},b));return f.a.createElement(f.a.Fragment,null,f.a.createElement(x.Portal,null,f.a.createElement(k,i()({id:d,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:w,visible:m},l),m&&f.a.createElement(j.VisuallyHidden,{id:h},r),f.a.createElement(y.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),f.a.createElement("span",{ref:P},_))};P.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},P.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(n,e,t){"use strict";t.r(e),t.d(e,"Grid",(function(){return w})),t.d(e,"GridItem",(function(){return j}));var r,o=t(5),i=t.n(o),a=t(4),c=t.n(a),u=t(3),s=t.n(u),l=t(1),d=t.n(l),p=t(2),f=t.n(p),h=t(0),g=t.n(h),m=Object(l.createContext)({gap:0,gridCols:12}),b=t(6),v=t(7),y=["gap","gridCols"],x=f()(b.Box)(r||(r=s()(["\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n ","\n"])),(function(n){return n.gridCols}),(function(n){var e=n.theme,t=n.gap;return Object(v.a)("gap",t,e)})),w=function(n){var e=n.gap,t=n.gridCols,r=c()(n,y);return d.a.createElement(m.Provider,{value:{gap:e,gridCols:t}},d.a.createElement(x,i()({gap:e,gridCols:t},r)))};w.defaultProps={gap:0,gridCols:12},w.propTypes={gap:g.a.oneOfType([g.a.number,g.a.arrayOf(g.a.number)]),gridCols:g.a.number};var O,E=["col","xs","s"],T=f.a.div(O||(O=s()(["\n grid-column: span ",";\n max-width: 100%;\n\n "," {\n grid-column: span ",";\n }\n\n "," {\n grid-column: span ",";\n }\n"])),(function(n){return n.col}),(function(n){return n.theme.mediaQueries.tablet}),(function(n){return n.s}),(function(n){return n.theme.mediaQueries.mobile}),(function(n){return n.xs})),j=function(n){var e=n.col,t=n.xs,r=n.s,o=c()(n,E),i=Object(l.useContext)(m),a=i.gap,u=i.gridCols;return d.a.createElement(T,{gap:a,gridCols:u,col:e,xs:t,s:r},d.a.createElement(b.Box,o))};j.defaultProps={col:void 0,s:void 0,xs:void 0},j.propTypes={col:g.a.number,s:g.a.number,xs:g.a.number}},,function(n,e){n.exports=r},function(n,e,t){"use strict";t.r(e),t.d(e,"Badge",(function(){return h}));var r=t(5),o=t.n(r),i=t(4),a=t.n(i),c=t(1),u=t.n(c),s=t(0),l=t.n(s),d=t(9),p=t(8),f=["active","textColor","backgroundColor","children","minWidth"],h=function(n){var e=n.active,t=n.textColor,r=n.backgroundColor,i=n.children,c=n.minWidth,s=a()(n,f);return u.a.createElement(d.Flex,o()({inline:!0,alignItem:"center",justifyContent:"center",minWidth:c,padding:1,background:e?"primary100":r,hasRadius:!0},s),u.a.createElement(p.Typography,{variant:"sigma",textColor:e?"primary600":t},i))};h.defaultProps={active:!1,backgroundColor:"neutral100",minWidth:5,textColor:"neutral600"},h.propTypes={active:l.a.bool,backgroundColor:l.a.string,children:l.a.oneOfType([l.a.number,l.a.string]).isRequired,minWidth:l.a.number,textColor:l.a.string}},,function(n,e,t){"use strict";t.r(e),t.d(e,"Divider",(function(){return v}));var r,o=t(5),i=t.n(o),a=t(4),c=t.n(a),u=t(3),s=t.n(u),l=t(1),d=t.n(l),p=t(0),f=t.n(p),h=t(6),g=t(2),m=["unsetMargin"],b=t.n(g)()(h.Box)(r||(r=s()(["\n height: 1px;\n border: none;\n ","\n"])),(function(n){return n.unsetMargin?"margin: 0;":""})),v=function(n){var e=n.unsetMargin,t=c()(n,m);return d.a.createElement(b,i()({},t,{as:"hr",unsetMargin:e}))};v.defaultProps={background:"neutral150",unsetMargin:!0},v.propTypes={background:f.a.string,unsetMargin:f.a.bool}},,,,function(n,e){n.exports=o},,,,,,,,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Avatar",(function(){return j})),t.d(e,"Initials",(function(){return S})),t.d(e,"AvatarGroup",(function(){return k}));var r,o,i,a,c,u,s=t(10),l=t.n(s),d=t(3),p=t.n(d),f=t(1),h=t.n(f),g=t(2),m=t.n(g),b=t(0),v=t.n(b),y=t(8),x=t(9),w=m.a.img(r||(r=p()(["\n border-radius: 50%;\n display: block;\n position: relative;\n"]))),O=m.a.div(o||(o=p()(["\n position: relative;\n width: ","px;\n height: ","px;\n z-index: ",";\n"])),26,26,(function(n){return n.hovering?1:void 0})),E=m.a.img(i||(i=p()(["\n border-radius: 50%;\n position: absolute;\n transform: translate(-","px, -100%);\n margin-top: -",";\n"])),19,(function(n){return n.theme.spaces[1]})),T=m.a.div(a||(a=p()(["\n z-index: 1;\n border-radius: 50%;\n position: absolute;\n width: ","px;\n height: ","px;\n background: ",";\n opacity: 0.4;\n"])),26,26,(function(n){return n.theme.colors.neutral0})),j=function(n){var e=n.src,t=n.alt,r=n.preview,o=Object(f.useState)(!1),i=l()(o,2),a=i[0],c=i[1];return h.a.createElement("span",null,r&&a?h.a.createElement(E,{"aria-hidden":!0,alt:"",width:"".concat(64,"px"),height:"".concat(64,"px"),src:!0===r?e:r}):null,h.a.createElement(O,{hovering:r&&a,onMouseEnter:function(){return c(!0)},onMouseLeave:function(){return c(!1)}},r&&a?h.a.createElement(T,null):null,h.a.createElement(w,{src:e,alt:t,width:"".concat(26,"px"),height:"".concat(26,"px")})))},C=function(n){return function(e){return e.theme.colors[n]}},R=m()(x.Flex)(c||(c=p()(["\n width: ","px;\n height: ","px;\n border-radius: 50%;\n\n background: linear-gradient(\n 157deg,\n "," 0%,\n "," 50%,\n "," 81%,\n "," 96%\n );\n\n span {\n line-height: 0;\n }\n"])),26,26,C("primary600"),C("primary500"),C("primary200"),C("primary100")),S=function(n){var e=n.children;return h.a.createElement(R,{justifyContent:"center"},h.a.createElement(y.Typography,{fontWeight:"bold",textColor:"neutral0",fontSize:0,textTransform:"uppercase"},e))};S.propTypes={children:v.a.string.isRequired},j.defaultProps={preview:void 0},j.propTypes={alt:v.a.string.isRequired,preview:v.a.oneOfType([v.a.string,v.a.bool]),src:v.a.string.isRequired};var k=m()(x.Flex)(u||(u=p()(["\n & > * + * {\n margin-left: -","px;\n }\n"])),13)},,,,,,,,,,,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"MainNav",(function(){return w})),t.d(e,"NavBrand",(function(){return z})),t.d(e,"NavLink",(function(){return V})),t.d(e,"NavSection",(function(){return G})),t.d(e,"NavSections",(function(){return $})),t.d(e,"NavUser",(function(){return en})),t.d(e,"NavCondense",(function(){return dn}));var r,o=t(5),i=t.n(o),a=t(4),c=t.n(a),u=t(3),s=t.n(u),l=t(1),d=t.n(l),p=t(2),f=t.n(p),h=t(0),g=t.n(h),m=t(49),b=Object(l.createContext)(),v=function(){return Object(l.useContext)(b)},y=["condensed"],x=f()(m.Grid)(r||(r=s()(["\n width: ",";\n background: ",";\n position: sticky;\n top: 0;\n height: 100vh;\n z-index: 2;\n border-right: 1px solid ",";\n"])),(function(n){return n.condensed?"max-content":"".concat(14,"rem")}),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral150})),w=function(n){var e=n.condensed,t=c()(n,y);return d.a.createElement(b.Provider,{value:e},d.a.createElement(x,i()({as:"nav",condensed:e},t)))};w.defaultProps={condensed:!1},w.propTypes={condensed:g.a.bool};var O,E,T=t(6),j=t(8),C=t(9),R=t(21),S=t(33),k=["workplace","title","icon"],P=f.a.div(O||(O=s()(["\n border-radius: ",";\n\n svg,\n img {\n height: ",";\n width: ",";\n }\n"])),(function(n){return n.theme.borderRadius}),(function(n){var e=n.condensed;return"".concat(e?2.5:2,"rem")}),(function(n){var e=n.condensed;return"".concat(e?2.5:2,"rem")})),_=f()(S.BaseLink)(E||(E=s()(["\n text-decoration: unset;\n color: inherit;\n"]))),z=d.a.forwardRef((function(n,e){var t=n.workplace,r=n.title,o=n.icon,a=c()(n,k);return v()?d.a.createElement(S.BaseLink,i()({ref:e},a),d.a.createElement(T.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},d.a.createElement(P,{condensed:!0},o,d.a.createElement(R.VisuallyHidden,null,d.a.createElement("span",null,r),d.a.createElement("span",null,t))))):d.a.createElement(_,i()({ref:e},a),d.a.createElement(T.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},d.a.createElement(C.Flex,null,d.a.createElement(P,{"aria-hidden":!0,tabIndex:-1},o),d.a.createElement(T.Box,{paddingLeft:2},d.a.createElement(j.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span"},r,d.a.createElement(R.VisuallyHidden,{as:"span"},t)),d.a.createElement(j.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0},t)))))}));z.displayName="NavBrand",z.defaultProps={to:"/"},z.propTypes={icon:g.a.node.isRequired,title:g.a.string.isRequired,to:g.a.string,workplace:g.a.string.isRequired};var B,L,M,W,q=t(46),H=t(52),A=["children","icon","badgeContent","badgeAriaLabel"],I=f()(T.Box)(B||(B=s()(["\n svg {\n width: 1rem;\n height: 1rem;\n }\n"]))),F=f()(S.BaseLink)(L||(L=s()(["\n position: relative;\n text-decoration: none;\n display: block;\n border-radius: ",";\n background: ",";\n\n "," {\n color: ",";\n }\n\n svg path {\n fill: ",";\n }\n\n &:hover {\n background: ",";\n\n "," {\n color: ",";\n }\n\n svg path {\n fill: ",";\n }\n }\n\n &.active {\n background: ",";\n\n svg path {\n fill: ",";\n }\n\n "," {\n color: ",";\n font-weight: 500;\n }\n }\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),j.Typography,(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral100}),j.Typography,(function(n){return n.theme.colors.neutral700}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.primary100}),(function(n){return n.theme.colors.primary600}),j.Typography,(function(n){return n.theme.colors.primary600})),N=f()(C.Flex)(M||(M=s()(["\n padding: ",";\n"])),(function(n){var e=n.theme;return"".concat(e.spaces[2]," ").concat(e.spaces[3])})),D=f()(H.Badge)(W||(W=s()(["\n ","\n\n "," {\n //find a solution to remove !important\n color: "," !important;\n line-height: 0;\n }\n\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: ",";\n height: ",";\n padding: ",";\n border-radius: ",";\n background: ",";\n"])),(function(n){return n.condensed&&"\n\t position: absolute;\n transform: translate(35%, -50%);\n top: 0;\n right: 0;\n "}),j.Typography,(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.spaces[6]}),(function(n){return n.theme.spaces[5]}),(function(n){var e=n.theme;return"0 ".concat(e.spaces[2])}),(function(n){return n.theme.spaces[10]}),(function(n){return n.theme.colors.primary600})),V=d.a.forwardRef((function(n,e){var t=n.children,r=n.icon,o=n.badgeContent,a=n.badgeAriaLabel,u=c()(n,A);return v()?d.a.createElement(F,i()({ref:e},u),d.a.createElement(q.Tooltip,{position:"right",label:t},d.a.createElement(N,{as:"span",justifyContent:"center"},d.a.createElement(I,{"aria-hidden":!0,paddingRight:0,as:"span"},r),o&&d.a.createElement(D,{condensed:!0,"aria-label":a},o)))):d.a.createElement(F,i()({ref:e},u),d.a.createElement(N,{as:"span",justifyContent:"space-between"},d.a.createElement(C.Flex,null,d.a.createElement(I,{"aria-hidden":!0,paddingRight:3,as:"span"},r),d.a.createElement(j.Typography,null,t)),o&&d.a.createElement(D,{justifyContent:"center","aria-label":a},o)))}));V.displayName="NavLink",V.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0},V.propTypes={badgeAriaLabel:g.a.string,badgeContent:g.a.oneOfType([g.a.string,g.a.number]),children:g.a.string.isRequired,icon:g.a.node.isRequired};var Y=t(26),Q=t(54),U=["label","children"],G=function(n){var e=n.label,t=n.children,r=c()(n,U);return v()?d.a.createElement(Y.Stack,{spacing:2},d.a.createElement(T.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span"},d.a.createElement(Q.Divider,null),d.a.createElement(R.VisuallyHidden,null,d.a.createElement("span",null,e))),d.a.createElement(Y.Stack,i()({as:"ul",spacing:2},r),l.Children.map(t,(function(n,e){return d.a.createElement("li",{key:e},n)})))):d.a.createElement(Y.Stack,{spacing:2},d.a.createElement(T.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span"},d.a.createElement(j.Typography,{variant:"sigma",textColor:"neutral600"},e)),d.a.createElement(Y.Stack,i()({as:"ul",spacing:2},r),l.Children.map(t,(function(n,e){return d.a.createElement("li",{key:e},n)}))))};G.propTypes={children:g.a.node.isRequired,label:g.a.string.isRequired};var X=["children"],$=function(n){var e=n.children,t=c()(n,X);return d.a.createElement(T.Box,{paddingLeft:3,paddingRight:2,paddingTop:3},d.a.createElement(Y.Stack,i()({as:"ul",spacing:4},t),l.Children.map(e,(function(n,e){return d.a.createElement("li",{key:e},n)}))))};$.propTypes={children:g.a.node.isRequired};var J,K=t(74),Z=["src","children","initials"],nn=f()(T.Box)(J||(J=s()(["\n text-decoration: none;\n position: absolute;\n bottom: 0;\n width: 100%;\n border-top: 1px solid ",";\n"])),(function(n){return n.theme.colors.neutral150})),en=d.a.forwardRef((function(n,e){var t=n.src,r=n.children,o=n.initials,a=c()(n,Z),u=v();return d.a.createElement(nn,i()({paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5},a),d.a.createElement(C.Flex,{as:"button",justifyContent:u?"center":void 0,ref:e},t?d.a.createElement(K.Avatar,{src:t,alt:"","aria-hidden":!0}):d.a.createElement(K.Initials,null,o),u?d.a.createElement(R.VisuallyHidden,null,d.a.createElement("span",null,r)):d.a.createElement(T.Box,{width:"".concat(8.125,"rem"),paddingLeft:2,as:"span"},d.a.createElement(j.Typography,{ellipsis:!0,textColor:"neutral600"},r))))}));en.displayName="NavUser",en.defaultProps={src:void 0,initials:void 0},en.propTypes={children:g.a.node.isRequired,initials:g.a.node,src:g.a.string};var tn,rn=t(51),on=t.n(rn),an=t(58),cn=t.n(an),un=t(41),sn=["children"],ln=f.a.button(tn||(tn=s()(["\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n bottom: ","rem; // 9 is the height of the svg and 4 is the padding below\n right: ",";\n transform: ",";\n z-index: 2;\n width: ","rem;\n height: ","rem;\n\n svg {\n width: ","rem;\n height: ","rem;\n }\n"])),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.borderRadius}),13/16,(function(n){var e=n.theme;return n.condensed?0:e.spaces[5]}),(function(n){return n.condensed?"translateX(50%)":void 0}),1.125,25/16,6/16,9/16),dn=function(n){var e=n.children,t=c()(n,sn),r=v();return d.a.createElement(ln,i()({as:"button",condensed:r},t),d.a.createElement(un.Icon,{as:r?on.a:cn.a,"aria-hidden":!0,color:"neutral600"}),d.a.createElement(R.VisuallyHidden,null,e))};dn.propTypes={children:g.a.string.isRequired}}])}));
|
|
@@ -531,7 +531,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
531
531
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
532
532
|
|
|
533
533
|
"use strict";
|
|
534
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ModalLayout\", function() { return ModalLayout; });\n/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ \"./node_modules/@babel/runtime/helpers/objectWithoutProperties.js\");\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js\");\n/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ \"styled-components\");\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _Box__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Box */ \"./src/Box/index.js\");\n/* harmony import */ var _FocusTrap__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../FocusTrap */ \"./src/FocusTrap/index.js\");\n/* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Portal */ \"./src/Portal/index.js\");\n/* harmony import */ var _ModalContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ModalContext */ \"./src/ModalLayout/ModalContext.js\");\n\n\n\nvar _excluded = [\"onClose\", \"labelledBy\"];\n\nvar _templateObject, _templateObject2;\n\n\n\n\n\n\n\n\nvar ModalWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4___default.a.div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()([\"\\n position: fixed;\\n z-index: 4;\\n inset: 0;\\n // this is theme.colors.neutral200 with opacity\\n background: rgb(220, 220, 228, 0.8);\\n padding: 0 \", \";\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n\"])), function (_ref) {\n var theme = _ref.theme;\n return theme.spaces[8];\n});\nvar ModalContent = styled_components__WEBPACK_IMPORTED_MODULE_4___default()(_Box__WEBPACK_IMPORTED_MODULE_6__[\"Box\"])(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()([\"\\n width: \", \"rem;\\n\"])), 830 / 16);\nvar ModalLayout = function ModalLayout(_ref2) {\n var onClose = _ref2.onClose,\n labelledBy = _ref2.labelledBy,\n props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref2, _excluded);\n\n //FIX ME (find a way to do it globally)\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n var body = document.body;\n body.classList.add('lock-body-scroll');\n return function () {\n body.classList.remove('lock-body-scroll');\n };\n }, []);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Portal__WEBPACK_IMPORTED_MODULE_8__[\"Portal\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_ModalContext__WEBPACK_IMPORTED_MODULE_9__[\"ModalContext\"].Provider, {\n value: onClose\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ModalWrapper, {\n onClick: onClose\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_FocusTrap__WEBPACK_IMPORTED_MODULE_7__[\"FocusTrap\"], {\n onEscape: onClose\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ModalContent, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({\n \"aria-labelledby\": labelledBy,\n onClick: function onClick(e) {\n return e.stopPropagation();\n },\n background: \"neutral0\",\n hasRadius: true,\n shadow: \"popupShadow\",\n role: \"dialog\",\n \"aria-modal\": true\n }, props))))));\n};\nModalLayout.propTypes = {\n labelledBy: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.string.isRequired,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.func.isRequired\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHJhcGlEcy8uL3NyYy9Nb2RhbExheW91dC9Nb2RhbExheW91dC5qcz9kODNiIl0sIm5hbWVzIjpbIk1vZGFsV3JhcHBlciIsInN0eWxlZCIsImRpdiIsInRoZW1lIiwic3BhY2VzIiwiTW9kYWxDb250ZW50IiwiQm94IiwiTW9kYWxMYXlvdXQiLCJvbkNsb3NlIiwibGFiZWxsZWRCeSIsInByb3BzIiwidXNlRWZmZWN0IiwiYm9keSIsImRvY3VtZW50IiwiY2xhc3NMaXN0IiwiYWRkIiwicmVtb3ZlIiwiZSIsInN0b3BQcm9wYWdhdGlvbiIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsImlzUmVxdWlyZWQiLCJmdW5jIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQSxJQUFNQSxZQUFZLEdBQUdDLHdEQUFNLENBQUNDLEdBQVYsMFdBTUg7QUFBQSxNQUFHQyxLQUFILFFBQUdBLEtBQUg7QUFBQSxTQUFlQSxLQUFLLENBQUNDLE1BQU4sQ0FBYSxDQUFiLENBQWY7QUFBQSxDQU5HLENBQWxCO0FBWUEsSUFBTUMsWUFBWSxHQUFHSix3REFBTSxDQUFDSyx3Q0FBRCxDQUFULDBKQUNQLE1BQU0sRUFEQyxDQUFsQjtBQUlPLElBQU1DLFdBQVcsR0FBRyxTQUFkQSxXQUFjLFFBQXVDO0FBQUEsTUFBcENDLE9BQW9DLFNBQXBDQSxPQUFvQztBQUFBLE1BQTNCQyxVQUEyQixTQUEzQkEsVUFBMkI7QUFBQSxNQUFaQyxLQUFZOztBQUNoRTtBQUNBQyx5REFBUyxDQUFDLFlBQU07QUFDZCxRQUFNQyxJQUFJLEdBQUdDLFFBQVEsQ0FBQ0QsSUFBdEI7QUFDQUEsUUFBSSxDQUFDRSxTQUFMLENBQWVDLEdBQWYsQ0FBbUIsa0JBQW5CO0FBRUEsV0FBTyxZQUFNO0FBQ1hILFVBQUksQ0FBQ0UsU0FBTCxDQUFlRSxNQUFmLENBQXNCLGtCQUF0QjtBQUNELEtBRkQ7QUFHRCxHQVBRLEVBT04sRUFQTSxDQUFUO0FBU0Esc0JBQ0UsMkRBQUMsOENBQUQscUJBQ0UsMkRBQUMsMERBQUQsQ0FBYyxRQUFkO0FBQXVCLFNBQUssRUFBRVI7QUFBOUIsa0JBQ0UsMkRBQUMsWUFBRDtBQUFjLFdBQU8sRUFBRUE7QUFBdkIsa0JBQ0UsMkRBQUMsb0RBQUQ7QUFBVyxZQUFRLEVBQUVBO0FBQXJCLGtCQUNFLDJEQUFDLFlBQUQ7QUFDRSx1QkFBaUJDLFVBRG5CO0FBRUUsV0FBTyxFQUFFLGlCQUFDUSxDQUFEO0FBQUEsYUFBT0EsQ0FBQyxDQUFDQyxlQUFGLEVBQVA7QUFBQSxLQUZYO0FBR0UsY0FBVSxFQUFDLFVBSGI7QUFJRSxhQUFTLE1BSlg7QUFLRSxVQUFNLEVBQUMsYUFMVDtBQU1FLFFBQUksRUFBQyxRQU5QO0FBT0Usa0JBQVk7QUFQZCxLQVFNUixLQVJOLEVBREYsQ0FERixDQURGLENBREYsQ0FERjtBQW9CRCxDQS9CTTtBQWlDUEgsV0FBVyxDQUFDWSxTQUFaLEdBQXdCO0FBQ3RCVixZQUFVLEVBQUVXLGlEQUFTLENBQUNDLE1BQVYsQ0FBaUJDLFVBRFA7QUFFdEJkLFNBQU8sRUFBRVksaURBQVMsQ0FBQ0csSUFBVixDQUFlRDtBQUZGLENBQXhCIiwiZmlsZSI6Ii4vc3JjL01vZGFsTGF5b3V0L01vZGFsTGF5b3V0LmpzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBGb2N1c1RyYXAgfSBmcm9tICcuLi9Gb2N1c1RyYXAnO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSAnLi4vUG9ydGFsJztcbmltcG9ydCB7IE1vZGFsQ29udGV4dCB9IGZyb20gJy4vTW9kYWxDb250ZXh0JztcblxuY29uc3QgTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiA0O1xuICBpbnNldDogMDtcbiAgLy8gdGhpcyBpcyB0aGVtZS5jb2xvcnMubmV1dHJhbDIwMCB3aXRoIG9wYWNpdHlcbiAgYmFja2dyb3VuZDogcmdiKDIyMCwgMjIwLCAyMjgsIDAuOCk7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZXNbOF19O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IE1vZGFsQ29udGVudCA9IHN0eWxlZChCb3gpYFxuICB3aWR0aDogJHs4MzAgLyAxNn1yZW07XG5gO1xuXG5leHBvcnQgY29uc3QgTW9kYWxMYXlvdXQgPSAoeyBvbkNsb3NlLCBsYWJlbGxlZEJ5LCAuLi5wcm9wcyB9KSA9PiB7XG4gIC8vRklYIE1FIChmaW5kIGEgd2F5IHRvIGRvIGl0IGdsb2JhbGx5KVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGJvZHkgPSBkb2N1bWVudC5ib2R5O1xuICAgIGJvZHkuY2xhc3NMaXN0LmFkZCgnbG9jay1ib2R5LXNjcm9sbCcpO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGJvZHkuY2xhc3NMaXN0LnJlbW92ZSgnbG9jay1ib2R5LXNjcm9sbCcpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxQb3J0YWw+XG4gICAgICA8TW9kYWxDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtvbkNsb3NlfT5cbiAgICAgICAgPE1vZGFsV3JhcHBlciBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICA8Rm9jdXNUcmFwIG9uRXNjYXBlPXtvbkNsb3NlfT5cbiAgICAgICAgICAgIDxNb2RhbENvbnRlbnRcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtsYWJlbGxlZEJ5fVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4gZS5zdG9wUHJvcGFnYXRpb24oKX1cbiAgICAgICAgICAgICAgYmFja2dyb3VuZD1cIm5ldXRyYWwwXCJcbiAgICAgICAgICAgICAgaGFzUmFkaXVzXG4gICAgICAgICAgICAgIHNoYWRvdz1cInBvcHVwU2hhZG93XCJcbiAgICAgICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgICAgIGFyaWEtbW9kYWw9e3RydWV9XG4gICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Gb2N1c1RyYXA+XG4gICAgICAgIDwvTW9kYWxXcmFwcGVyPlxuICAgICAgPC9Nb2RhbENvbnRleHQuUHJvdmlkZXI+XG4gICAgPC9Qb3J0YWw+XG4gICk7XG59O1xuXG5Nb2RhbExheW91dC5wcm9wVHlwZXMgPSB7XG4gIGxhYmVsbGVkQnk6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/ModalLayout/ModalLayout.js\n");
|
|
534
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ModalLayout\", function() { return ModalLayout; });\n/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ \"./node_modules/@babel/runtime/helpers/objectWithoutProperties.js\");\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js\");\n/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ \"styled-components\");\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _Box__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Box */ \"./src/Box/index.js\");\n/* harmony import */ var _FocusTrap__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../FocusTrap */ \"./src/FocusTrap/index.js\");\n/* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Portal */ \"./src/Portal/index.js\");\n/* harmony import */ var _ModalContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ModalContext */ \"./src/ModalLayout/ModalContext.js\");\n\n\n\nvar _excluded = [\"onClose\", \"labelledBy\"];\n\nvar _templateObject, _templateObject2;\n\n\n\n\n\n\n\n\nvar ModalWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4___default.a.div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()([\"\\n position: fixed;\\n z-index: 4;\\n inset: 0;\\n background: \", \";\\n padding: 0 \", \";\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n\"])), function (_ref) {\n var theme = _ref.theme;\n return \"\".concat(theme.colors.neutral800, \"1F\");\n}, function (_ref2) {\n var theme = _ref2.theme;\n return theme.spaces[8];\n});\nvar ModalContent = styled_components__WEBPACK_IMPORTED_MODULE_4___default()(_Box__WEBPACK_IMPORTED_MODULE_6__[\"Box\"])(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()([\"\\n width: \", \"rem;\\n\"])), 830 / 16);\nvar ModalLayout = function ModalLayout(_ref3) {\n var onClose = _ref3.onClose,\n labelledBy = _ref3.labelledBy,\n props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref3, _excluded);\n\n //FIX ME (find a way to do it globally)\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n var body = document.body;\n body.classList.add('lock-body-scroll');\n return function () {\n body.classList.remove('lock-body-scroll');\n };\n }, []);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Portal__WEBPACK_IMPORTED_MODULE_8__[\"Portal\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_ModalContext__WEBPACK_IMPORTED_MODULE_9__[\"ModalContext\"].Provider, {\n value: onClose\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ModalWrapper, {\n onClick: onClose\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_FocusTrap__WEBPACK_IMPORTED_MODULE_7__[\"FocusTrap\"], {\n onEscape: onClose\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ModalContent, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({\n \"aria-labelledby\": labelledBy,\n onClick: function onClick(e) {\n return e.stopPropagation();\n },\n background: \"neutral0\",\n hasRadius: true,\n shadow: \"popupShadow\",\n role: \"dialog\",\n \"aria-modal\": true\n }, props))))));\n};\nModalLayout.propTypes = {\n labelledBy: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.string.isRequired,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.func.isRequired\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHJhcGlEcy8uL3NyYy9Nb2RhbExheW91dC9Nb2RhbExheW91dC5qcz9kODNiIl0sIm5hbWVzIjpbIk1vZGFsV3JhcHBlciIsInN0eWxlZCIsImRpdiIsInRoZW1lIiwiY29sb3JzIiwibmV1dHJhbDgwMCIsInNwYWNlcyIsIk1vZGFsQ29udGVudCIsIkJveCIsIk1vZGFsTGF5b3V0Iiwib25DbG9zZSIsImxhYmVsbGVkQnkiLCJwcm9wcyIsInVzZUVmZmVjdCIsImJvZHkiLCJkb2N1bWVudCIsImNsYXNzTGlzdCIsImFkZCIsInJlbW92ZSIsImUiLCJzdG9wUHJvcGFnYXRpb24iLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiZnVuYyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUEsSUFBTUEsWUFBWSxHQUFHQyx3REFBTSxDQUFDQyxHQUFWLG9TQUlGO0FBQUEsTUFBR0MsS0FBSCxRQUFHQSxLQUFIO0FBQUEsbUJBQWtCQSxLQUFLLENBQUNDLE1BQU4sQ0FBYUMsVUFBL0I7QUFBQSxDQUpFLEVBS0g7QUFBQSxNQUFHRixLQUFILFNBQUdBLEtBQUg7QUFBQSxTQUFlQSxLQUFLLENBQUNHLE1BQU4sQ0FBYSxDQUFiLENBQWY7QUFBQSxDQUxHLENBQWxCO0FBV0EsSUFBTUMsWUFBWSxHQUFHTix3REFBTSxDQUFDTyx3Q0FBRCxDQUFULDBKQUNQLE1BQU0sRUFEQyxDQUFsQjtBQUlPLElBQU1DLFdBQVcsR0FBRyxTQUFkQSxXQUFjLFFBQXVDO0FBQUEsTUFBcENDLE9BQW9DLFNBQXBDQSxPQUFvQztBQUFBLE1BQTNCQyxVQUEyQixTQUEzQkEsVUFBMkI7QUFBQSxNQUFaQyxLQUFZOztBQUNoRTtBQUNBQyx5REFBUyxDQUFDLFlBQU07QUFDZCxRQUFNQyxJQUFJLEdBQUdDLFFBQVEsQ0FBQ0QsSUFBdEI7QUFDQUEsUUFBSSxDQUFDRSxTQUFMLENBQWVDLEdBQWYsQ0FBbUIsa0JBQW5CO0FBRUEsV0FBTyxZQUFNO0FBQ1hILFVBQUksQ0FBQ0UsU0FBTCxDQUFlRSxNQUFmLENBQXNCLGtCQUF0QjtBQUNELEtBRkQ7QUFHRCxHQVBRLEVBT04sRUFQTSxDQUFUO0FBU0Esc0JBQ0UsMkRBQUMsOENBQUQscUJBQ0UsMkRBQUMsMERBQUQsQ0FBYyxRQUFkO0FBQXVCLFNBQUssRUFBRVI7QUFBOUIsa0JBQ0UsMkRBQUMsWUFBRDtBQUFjLFdBQU8sRUFBRUE7QUFBdkIsa0JBQ0UsMkRBQUMsb0RBQUQ7QUFBVyxZQUFRLEVBQUVBO0FBQXJCLGtCQUNFLDJEQUFDLFlBQUQ7QUFDRSx1QkFBaUJDLFVBRG5CO0FBRUUsV0FBTyxFQUFFLGlCQUFDUSxDQUFEO0FBQUEsYUFBT0EsQ0FBQyxDQUFDQyxlQUFGLEVBQVA7QUFBQSxLQUZYO0FBR0UsY0FBVSxFQUFDLFVBSGI7QUFJRSxhQUFTLE1BSlg7QUFLRSxVQUFNLEVBQUMsYUFMVDtBQU1FLFFBQUksRUFBQyxRQU5QO0FBT0Usa0JBQVk7QUFQZCxLQVFNUixLQVJOLEVBREYsQ0FERixDQURGLENBREYsQ0FERjtBQW9CRCxDQS9CTTtBQWlDUEgsV0FBVyxDQUFDWSxTQUFaLEdBQXdCO0FBQ3RCVixZQUFVLEVBQUVXLGlEQUFTLENBQUNDLE1BQVYsQ0FBaUJDLFVBRFA7QUFFdEJkLFNBQU8sRUFBRVksaURBQVMsQ0FBQ0csSUFBVixDQUFlRDtBQUZGLENBQXhCIiwiZmlsZSI6Ii4vc3JjL01vZGFsTGF5b3V0L01vZGFsTGF5b3V0LmpzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBGb2N1c1RyYXAgfSBmcm9tICcuLi9Gb2N1c1RyYXAnO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSAnLi4vUG9ydGFsJztcbmltcG9ydCB7IE1vZGFsQ29udGV4dCB9IGZyb20gJy4vTW9kYWxDb250ZXh0JztcblxuY29uc3QgTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiA0O1xuICBpbnNldDogMDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5jb2xvcnMubmV1dHJhbDgwMH0xRmB9O1xuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VzWzhdfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5jb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQoQm94KWBcbiAgd2lkdGg6ICR7ODMwIC8gMTZ9cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsTGF5b3V0ID0gKHsgb25DbG9zZSwgbGFiZWxsZWRCeSwgLi4ucHJvcHMgfSkgPT4ge1xuICAvL0ZJWCBNRSAoZmluZCBhIHdheSB0byBkbyBpdCBnbG9iYWxseSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBib2R5ID0gZG9jdW1lbnQuYm9keTtcbiAgICBib2R5LmNsYXNzTGlzdC5hZGQoJ2xvY2stYm9keS1zY3JvbGwnKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBib2R5LmNsYXNzTGlzdC5yZW1vdmUoJ2xvY2stYm9keS1zY3JvbGwnKTtcbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8UG9ydGFsPlxuICAgICAgPE1vZGFsQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17b25DbG9zZX0+XG4gICAgICAgIDxNb2RhbFdyYXBwZXIgb25DbGljaz17b25DbG9zZX0+XG4gICAgICAgICAgPEZvY3VzVHJhcCBvbkVzY2FwZT17b25DbG9zZX0+XG4gICAgICAgICAgICA8TW9kYWxDb250ZW50XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT17bGFiZWxsZWRCeX1cbiAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IGUuc3RvcFByb3BhZ2F0aW9uKCl9XG4gICAgICAgICAgICAgIGJhY2tncm91bmQ9XCJuZXV0cmFsMFwiXG4gICAgICAgICAgICAgIGhhc1JhZGl1c1xuICAgICAgICAgICAgICBzaGFkb3c9XCJwb3B1cFNoYWRvd1wiXG4gICAgICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgICAgICBhcmlhLW1vZGFsPXt0cnVlfVxuICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRm9jdXNUcmFwPlxuICAgICAgICA8L01vZGFsV3JhcHBlcj5cbiAgICAgIDwvTW9kYWxDb250ZXh0LlByb3ZpZGVyPlxuICAgIDwvUG9ydGFsPlxuICApO1xufTtcblxuTW9kYWxMYXlvdXQucHJvcFR5cGVzID0ge1xuICBsYWJlbGxlZEJ5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/ModalLayout/ModalLayout.js\n");
|
|
535
535
|
|
|
536
536
|
/***/ }),
|
|
537
537
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/Cross")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom","@strapi/icons/Cross"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/Cross")):n.strapiDs=e(n.react,n["styled-components"],n["react-dom"],n["@strapi/icons/Cross"])}(this,(function(n,e,t,r){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=102)}([function(n,e,t){n.exports=t(17)()},function(e,t){e.exports=n},function(n,t){n.exports=e},function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),l=t(7),d={color:!0},f=s.a.div.withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(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(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(l.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(l.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(l.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(l.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(l.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(l.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(l.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(l.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(l.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.spaces[e]||e}),(function(n){var e=n.maxWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.minWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.height;return n.theme.spaces[e]||e}),(function(n){var e=n.maxHeight;return n.theme.spaces[e]||e}),(function(n){var e=n.minHeight;return n.theme.spaces[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));f.displayName="Box",f.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(){}},f.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(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(22);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";var r=t(10),o=t.n(r),i=t(13),a=t.n(i);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==a()(e)||(r=[null==e?void 0:e.desktop,null==e?void 0:e.tablet,null==e?void 0:e.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,u=o()(i,3),c=u[0],s=u[1],l=u[2],d="".concat(n,": ").concat(t.spaces[c],";");return void 0!==s&&(d+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[s],";\n }")),void 0!==l&&(d+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[l],";\n }")),d}var f=t.spaces[r]||r;return"".concat(n,": ").concat(f,";")}}},function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return d}));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"],l={fontSize:!0,fontWeight:!0},d=t.n(c).a.span.withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\n ","\n ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "}),(function(n){var e=n.variant,t=n.theme;switch(e){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 ")}}));d.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},d.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(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),l=t(4),d={direction:!0},f=s()(l.Box).withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=i()(["\n display: ",";\n flex-direction: ",";\n justify-content: ",";\n align-items: ",";\n flex-wrap: ",";\n"])),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.justifyContent}),(function(n){return n.alignItems}),(function(n){return n.wrap}));f.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},f.propTypes={alignItems:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.number]),direction:u.a.string,inline:u.a.bool,justifyContent:u.a.string,reverse:u.a.bool,wrap:u.a.string}},function(n,e,t){var r=t(23),o=t(24),i=t(20),a=t(25);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var r={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"}},,function(n,e){function t(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=t=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=t=function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.default=n.exports,n.exports.__esModule=!0),t(e)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(1),o=0,i=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++o)).current}},function(n,e,t){"use strict";t.d(e,"b",(function(){return r})),t.d(e,"c",(function(){return o})),t.d(e,"a",(function(){return i}));var r=function(n){return function(e){var t=e.theme,r=e.size;return t.sizes[n][r]}},o=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(e){var t=e.theme,r=e.hasError;return"\n outline: none;\n box-shadow: 0;\n transition-property: border-color, box-shadow, fill;\n transition-duration: 0.2s;\n\n ".concat(n,":focus-within {\n border: 1px solid ").concat(r?t.colors.danger600:t.colors.primary600,";\n box-shadow: ").concat(r?t.colors.danger600:t.colors.primary600," 0px 0px 0px 2px;\n }\n ")}},i=function(n){var e=n.theme;return"\n position: relative;\n outline: none;\n \n &:after {\n transition-property: all;\n transition-duration: 0.2s;\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border: 2px solid transparent;\n }\n\n &:focus-visible {\n outline: none;\n &:after {\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -5px;\n bottom: -5px;\n left: -5px;\n right: -5px;\n border: 2px solid ".concat(e.colors.primary600,";\n }\n }\n")}},,function(n,e,t){"use strict";var r=t(18);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,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 e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(19);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"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(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){u=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.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.")},n.exports.default=n.exports,n.exports.__esModule=!0},,,function(n,e,t){var r=t(42),o=t(43),i=t(20),a=t(44);n.exports=function(n){return r(n)||o(n)||i(n)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Portal",(function(){return u}));var r=t(10),o=t.n(r),i=t(1),a=t(32),u=function(n){var e=n.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 n;null===(n=t.current)||void 0===n||n.remove()}}),[]),c&&t.current?Object(a.createPortal)(e,t.current):null}},,,function(n,e){n.exports=t},function(n,e){n.exports=r},,,,function(n,e){n.exports=function(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(28),o=t.n(r),i=function(n,e){return o()(n.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter((function(n){return!n.hasAttribute("disabled")&&(!!e||"-1"!==n.getAttribute("tabindex"))}))}},function(n,e,t){"use strict";t.r(e),t.d(e,"BaseButtonWrapper",(function(){return v})),t.d(e,"BaseButton",(function(){return y}));var r,o=t(5),i=t.n(o),a=t(6),u=t.n(a),c=t(3),s=t.n(c),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=t(2),b=t.n(h),m=t(15),g=["disabled","children"],v=b.a.button(r||(r=s()(["\n display: flex;\n cursor: pointer;\n padding: ",";\n border-radius: ",";\n background: ",";\n border: 1px solid ",";\n svg {\n height: ",";\n width: ",";\n }\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n &[aria-disabled='true'] {\n pointer-events: none;\n }\n\n ","\n"])),(function(n){return n.theme.spaces[2]}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.spaces[3]}),(function(n){return n.theme.spaces[3]}),(function(n){return n.theme.colors.neutral0}),m.a),y=d.a.forwardRef((function(n,e){var t=n.disabled,r=n.children,o=u()(n,g);return d.a.createElement(v,i()({ref:e,"aria-disabled":t,type:"button",disabled:t},o),r)}));y.displayName="BaseButton",y.defaultProps={disabled:!1},y.propTypes={children:p.a.node.isRequired,disabled:p.a.bool}},,,function(n,e,t){var r=t(19);n.exports=function(n){if(Array.isArray(n))return r(n)},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},,function(n,e,t){"use strict";t.r(e),t.d(e,"Tooltip",(function(){return C}));var r,o=t(5),i=t.n(o),a=t(37),u=t.n(a),c=t(6),s=t.n(c),l=t(3),d=t.n(l),f=t(1),p=t.n(f),h=t(0),b=t.n(h),m=t(2),g=t.n(m),v=t(4),y=t(8),x=t(29),w=t(10),O=t.n(w),j=function(n,e,t){var r=n.getBoundingClientRect(),o=e.getBoundingClientRect();return"bottom"===t?function(n,e){var t=(n.width-e.width)/2;return{left:e.left-t,top:e.top+e.height+8+window.pageYOffset}}(r,o):"right"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left+e.width+8,top:e.top-t+window.pageYOffset}}(r,o):"left"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left-n.width-8,top:e.top-t+window.pageYOffset}}(r,o):function(n,e){var t=(n.width-e.width)/2,r=e.left-t,o=e.top-n.height-8+window.pageYOffset,i=window.innerWidth-e.right;return e.left+n.width-i>window.innerWidth?(r=e.left-n.width-8,o=e.top+window.scrollY-e.height/2):r<0?(r=e.width+e.left+8,o=e.top+window.scrollY-n.height/2+8):o<0&&r>0&&(o=e.top+e.height+8),{left:r,top:o}}(r,o)},E=t(14),T=t(21),S=["children","label","description","delay","position","id"],_=["visible"];function R(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var P=g()(v.Box)(r||(r=d()(["\n position: absolute;\n /* z-index exist because of its position inside Modals */\n z-index: 4;\n display: ",";\n"])),(function(n){return n.visible?"revert":"none"})),C=function(n){var e=n.children,t=n.label,r=n.description,o=n.delay,a=n.position,c=n.id,l=s()(n,S),d=Object(E.a)("tooltip",c),h=Object(E.a)("description"),b=function(n){var e=Object(f.useState)(!1),t=O()(e,2),r=t[0],o=t[1],i=Object(f.useRef)(),a=function(){i.current&&clearTimeout(i.current)};Object(f.useEffect)((function(){return function(){a()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){i.current=setTimeout((function(){o(!0)}),n)},onMouseLeave:function(){a(),o(!1)}}}(o),m=b.visible,g=s()(b,_),v=function(n,e){var t=Object(f.useRef)(null),r=Object(f.useRef)(null);return Object(f.useLayoutEffect)((function(){if(n){var o=t.current,i=r.current,a=j(o,i,e);o.style.left="".concat(a.left,"px"),o.style.top="".concat(a.top,"px")}}),[n]),{tooltipWrapperRef:t,toggleSourceRef:r}}(m,a),w=v.tooltipWrapperRef,C=v.toggleSourceRef,B=p.a.cloneElement(e,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?R(Object(t),!0).forEach((function(e){u()(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({tabIndex:0,"aria-labelledby":t?d:void 0,"aria-describedby":r?d:void 0},g));return p.a.createElement(p.a.Fragment,null,p.a.createElement(x.Portal,null,p.a.createElement(P,i()({id:d,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:w,visible:m},l),m&&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:C},B))};C.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},C.propTypes={children:b.a.node.isRequired,delay:b.a.number,description:b.a.string,id:b.a.string,label:b.a.string,position:b.a.oneOf(["top","left","bottom","right"])}},,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"FocusTrap",(function(){return h}));var r=t(5),o=t.n(r),i=t(6),a=t.n(i),u=t(1),c=t.n(u),s=t(0),l=t.n(s),d=t(38),f=t(11),p=["onEscape","restoreFocus"],h=function(n){var e=n.onEscape,t=n.restoreFocus,r=a()(n,p),i=Object(u.useRef)(null);Object(u.useEffect)((function(){if(t){var n=document.activeElement;return function(){n.focus()}}}),[t]),Object(u.useEffect)((function(){if(i.current){var n=Object(d.a)(i.current);if(n.length>0)n[0].focus();else console.warn("[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one.")}}),[]);return c.a.createElement("div",o()({ref:i,onKeyDown:function(n){if(n.key===f.a.ESCAPE)return e();if(n.key===f.a.TAB){var t=Object(d.a)(i.current);if(t.length>0){var r=t[0],o=t[t.length-1];n.shiftKey?r===document.activeElement&&(n.preventDefault(),o.focus()):o===document.activeElement&&(n.preventDefault(),r.focus())}}}},r))};h.defaultProps={restoreFocus:!0},h.propTypes={onEscape:l.a.func.isRequired,restoreFocus:l.a.bool}},,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"IconButtonGroup",(function(){return O})),t.d(e,"IconButton",(function(){return j}));var r,o,i=t(5),a=t.n(i),u=t(6),c=t.n(u),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(0),h=t.n(p),b=t(2),m=t.n(b),g=t(46),v=t(39),y=t(9),x=["label","noBorder","icon","disabled","onClick"],w=m()(v.BaseButton)(r||(r=l()(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ","rem;\n width: ","rem;\n\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n &:hover {\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n }\n &:active {\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n }\n &[aria-disabled='true'] {\n background-color: ",";\n svg {\n path {\n fill: ",";\n }\n }\n }\n ","\n"])),2,2,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.neutral400}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.noBorder?"border: none;":void 0})),O=m()(y.Flex)(o||(o=l()(["\n & span:first-child button {\n border-left: 1px solid ",";\n border-radius: ",";\n }\n\n & span:last-child button {\n border-radius: ",";\n }\n\n & "," {\n border-radius: 0;\n border-left: none;\n\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover {\n background-color: ",";\n\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &:active {\n background-color: ",";\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[aria-disabled='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){var e=n.theme;return"".concat(e.borderRadius," 0 0 ").concat(e.borderRadius)}),(function(n){var e=n.theme;return"0 ".concat(e.borderRadius," ").concat(e.borderRadius," 0")}),w,(function(n){return n.theme.colors.neutral700}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral800}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.colors.neutral900}),(function(n){return n.theme.colors.neutral600})),j=f.a.forwardRef((function(n,e){var t=n.label,r=n.noBorder,o=n.icon,i=n.disabled,u=n.onClick,s=c()(n,x),l=function(n){!i&&u&&u(n)};return t?f.a.createElement(g.Tooltip,{label:t},f.a.createElement(w,a()({},s,{ref:e,noBorder:r,onClick:l,"aria-disabled":i}),o)):f.a.createElement(w,a()({},s,{ref:e,noBorder:r,onClick:l,"aria-disabled":i}),o)}));j.displayName="IconButton",j.defaultProps={label:void 0,noBorder:!1,disabled:!1,onClick:void 0},j.propTypes={disabled:h.a.bool,icon:h.a.element.isRequired,label:h.a.string,noBorder:h.a.bool,onClick:h.a.func}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"ModalLayout",(function(){return E})),t.d(e,"ModalHeader",(function(){return A})),t.d(e,"ModalFooter",(function(){return F})),t.d(e,"ModalBody",(function(){return L}));var r,o,i=t(5),a=t.n(i),u=t(6),c=t.n(u),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(2),h=t.n(p),b=t(0),m=t.n(b),g=t(4),v=t(53),y=t(29),x=Object(d.createContext)(),w=["onClose","labelledBy"],O=h.a.div(r||(r=l()(["\n position: fixed;\n z-index: 4;\n inset: 0;\n // this is theme.colors.neutral200 with opacity\n background: rgb(220, 220, 228, 0.8);\n padding: 0 ",";\n display: flex;\n align-items: center;\n justify-content: center;\n"])),(function(n){return n.theme.spaces[8]})),j=h()(g.Box)(o||(o=l()(["\n width: ","rem;\n"])),51.875),E=function(n){var e=n.onClose,t=n.labelledBy,r=c()(n,w);return Object(d.useEffect)((function(){var n=document.body;return n.classList.add("lock-body-scroll"),function(){n.classList.remove("lock-body-scroll")}}),[]),f.a.createElement(y.Portal,null,f.a.createElement(x.Provider,{value:e},f.a.createElement(O,{onClick:e},f.a.createElement(v.FocusTrap,{onEscape:e},f.a.createElement(j,a()({"aria-labelledby":t,onClick:function(n){return n.stopPropagation()},background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog","aria-modal":!0},r))))))};E.propTypes={labelledBy:m.a.string.isRequired,onClose:m.a.func.isRequired};var T,S,_,R=t(33),P=t.n(R),C=t(9),B=t(61),k=h()(g.Box)(T||(T=l()(["\n border-radius: "," "," 0 0;\n border-bottom: 1px solid ",";\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral150})),A=function(n){var e=n.children,t=n.closeLabel,r=Object(d.useContext)(x);return f.a.createElement(k,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100"},f.a.createElement(C.Flex,{justifyContent:"space-between"},e,f.a.createElement(B.IconButton,{onClick:r,"aria-label":t,icon:f.a.createElement(P.a,null)})))};A.defaultProps={closeLabel:"Close the modal"},A.propTypes={children:m.a.node.isRequired,closeLabel:m.a.string};var z,M=h()(g.Box)(S||(S=l()(["\n border-radius: 0 0 "," ",";\n border-top: 1px solid ",";\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral150})),W=h()(C.Flex)(_||(_=l()(["\n & > * + * {\n margin-left: ",";\n }\n"])),(function(n){return n.theme.spaces[2]})),F=function(n){var e=n.startActions,t=n.endActions;return f.a.createElement(M,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100"},f.a.createElement(C.Flex,{justifyContent:"space-between"},f.a.createElement(W,null,e),f.a.createElement(W,null,t)))};F.defaultProps={endActions:void 0,startActions:void 0},F.propTypes={endActions:m.a.node,startActions:m.a.node};var H=h()(g.Box)(z||(z=l()(["\n overflow: auto;\n max-height: 60vh;\n"]))),L=function(n){return f.a.createElement(H,a()({paddingTop:6,paddingBottom:6,paddingLeft:8,paddingRight:8},n))}}])}));
|
|
1
|
+
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/Cross")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom","@strapi/icons/Cross"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/Cross")):n.strapiDs=e(n.react,n["styled-components"],n["react-dom"],n["@strapi/icons/Cross"])}(this,(function(n,e,t,r){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=103)}([function(n,e,t){n.exports=t(17)()},function(e,t){e.exports=n},function(n,t){n.exports=e},function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(22);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),l=t(7),d={color:!0},f=s.a.div.withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(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(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(l.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(l.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(l.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(l.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(l.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(l.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(l.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(l.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(l.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.spaces[e]||e}),(function(n){var e=n.maxWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.minWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.height;return n.theme.spaces[e]||e}),(function(n){var e=n.maxHeight;return n.theme.spaces[e]||e}),(function(n){var e=n.minHeight;return n.theme.spaces[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));f.displayName="Box",f.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(){}},f.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(n,e,t){"use strict";var r=t(10),o=t.n(r),i=t(13),a=t.n(i);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==a()(e)||(r=[null==e?void 0:e.desktop,null==e?void 0:e.tablet,null==e?void 0:e.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,u=o()(i,3),c=u[0],s=u[1],l=u[2],d="".concat(n,": ").concat(t.spaces[c],";");return void 0!==s&&(d+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[s],";\n }")),void 0!==l&&(d+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[l],";\n }")),d}var f=t.spaces[r]||r;return"".concat(n,": ").concat(f,";")}}},function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return d}));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"],l={fontSize:!0,fontWeight:!0},d=t.n(c).a.span.withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\n ","\n ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "}),(function(n){var e=n.variant,t=n.theme;switch(e){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 ")}}));d.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},d.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(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),c=t(2),s=t.n(c),l=t(6),d={direction:!0},f=s()(l.Box).withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=i()(["\n display: ",";\n flex-direction: ",";\n justify-content: ",";\n align-items: ",";\n flex-wrap: ",";\n"])),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.justifyContent}),(function(n){return n.alignItems}),(function(n){return n.wrap}));f.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},f.propTypes={alignItems:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.number]),direction:u.a.string,inline:u.a.bool,justifyContent:u.a.string,reverse:u.a.bool,wrap:u.a.string}},function(n,e,t){var r=t(23),o=t(24),i=t(20),a=t(25);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var r={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"}},,function(n,e){function t(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=t=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=t=function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.default=n.exports,n.exports.__esModule=!0),t(e)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(1),o=0,i=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++o)).current}},function(n,e,t){"use strict";t.d(e,"b",(function(){return r})),t.d(e,"c",(function(){return o})),t.d(e,"a",(function(){return i}));var r=function(n){return function(e){var t=e.theme,r=e.size;return t.sizes[n][r]}},o=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(e){var t=e.theme,r=e.hasError;return"\n outline: none;\n box-shadow: 0;\n transition-property: border-color, box-shadow, fill;\n transition-duration: 0.2s;\n\n ".concat(n,":focus-within {\n border: 1px solid ").concat(r?t.colors.danger600:t.colors.primary600,";\n box-shadow: ").concat(r?t.colors.danger600:t.colors.primary600," 0px 0px 0px 2px;\n }\n ")}},i=function(n){var e=n.theme;return"\n position: relative;\n outline: none;\n \n &:after {\n transition-property: all;\n transition-duration: 0.2s;\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border: 2px solid transparent;\n }\n\n &:focus-visible {\n outline: none;\n &:after {\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -5px;\n bottom: -5px;\n left: -5px;\n right: -5px;\n border: 2px solid ".concat(e.colors.primary600,";\n }\n }\n")}},,function(n,e,t){"use strict";var r=t(18);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,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 e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(19);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"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(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){u=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.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.")},n.exports.default=n.exports,n.exports.__esModule=!0},,,function(n,e,t){var r=t(42),o=t(43),i=t(20),a=t(44);n.exports=function(n){return r(n)||o(n)||i(n)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Portal",(function(){return u}));var r=t(10),o=t.n(r),i=t(1),a=t(34),u=function(n){var e=n.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 n;null===(n=t.current)||void 0===n||n.remove()}}),[]),c&&t.current?Object(a.createPortal)(e,t.current):null}},function(n,e){n.exports=function(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n},n.exports.default=n.exports,n.exports.__esModule=!0},,,,function(n,e){n.exports=t},function(n,e){n.exports=r},,,function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(28),o=t.n(r),i=function(n,e){return o()(n.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter((function(n){return!n.hasAttribute("disabled")&&(!!e||"-1"!==n.getAttribute("tabindex"))}))}},function(n,e,t){"use strict";t.r(e),t.d(e,"BaseButtonWrapper",(function(){return v})),t.d(e,"BaseButton",(function(){return x}));var r,o=t(5),i=t.n(o),a=t(4),u=t.n(a),c=t(3),s=t.n(c),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=t(2),b=t.n(h),m=t(15),g=["disabled","children"],v=b.a.button(r||(r=s()(["\n display: flex;\n cursor: pointer;\n padding: ",";\n border-radius: ",";\n background: ",";\n border: 1px solid ",";\n svg {\n height: ",";\n width: ",";\n }\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n &[aria-disabled='true'] {\n pointer-events: none;\n }\n\n ","\n"])),(function(n){return n.theme.spaces[2]}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.spaces[3]}),(function(n){return n.theme.spaces[3]}),(function(n){return n.theme.colors.neutral0}),m.a),x=d.a.forwardRef((function(n,e){var t=n.disabled,r=n.children,o=u()(n,g);return d.a.createElement(v,i()({ref:e,"aria-disabled":t,type:"button",disabled:t},o),r)}));x.displayName="BaseButton",x.defaultProps={disabled:!1},x.propTypes={children:p.a.node.isRequired,disabled:p.a.bool}},,,function(n,e,t){var r=t(19);n.exports=function(n){if(Array.isArray(n))return r(n)},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},,function(n,e,t){"use strict";t.r(e),t.d(e,"Tooltip",(function(){return C}));var r,o=t(5),i=t.n(o),a=t(30),u=t.n(a),c=t(4),s=t.n(c),l=t(3),d=t.n(l),f=t(1),p=t.n(f),h=t(0),b=t.n(h),m=t(2),g=t.n(m),v=t(6),x=t(8),y=t(29),w=t(10),O=t.n(w),j=function(n,e,t){var r=n.getBoundingClientRect(),o=e.getBoundingClientRect();return"bottom"===t?function(n,e){var t=(n.width-e.width)/2;return{left:e.left-t,top:e.top+e.height+8+window.pageYOffset}}(r,o):"right"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left+e.width+8,top:e.top-t+window.pageYOffset}}(r,o):"left"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left-n.width-8,top:e.top-t+window.pageYOffset}}(r,o):function(n,e){var t=(n.width-e.width)/2,r=e.left-t,o=e.top-n.height-8+window.pageYOffset,i=window.innerWidth-e.right;return e.left+n.width-i>window.innerWidth?(r=e.left-n.width-8,o=e.top+window.scrollY-e.height/2):r<0?(r=e.width+e.left+8,o=e.top+window.scrollY-n.height/2+8):o<0&&r>0&&(o=e.top+e.height+8),{left:r,top:o}}(r,o)},E=t(14),T=t(21),S=["children","label","description","delay","position","id"],_=["visible"];function R(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var P=g()(v.Box)(r||(r=d()(["\n position: absolute;\n /* z-index exist because of its position inside Modals */\n z-index: 4;\n display: ",";\n"])),(function(n){return n.visible?"revert":"none"})),C=function(n){var e=n.children,t=n.label,r=n.description,o=n.delay,a=n.position,c=n.id,l=s()(n,S),d=Object(E.a)("tooltip",c),h=Object(E.a)("description"),b=function(n){var e=Object(f.useState)(!1),t=O()(e,2),r=t[0],o=t[1],i=Object(f.useRef)(),a=function(){i.current&&clearTimeout(i.current)};Object(f.useEffect)((function(){return function(){a()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){i.current=setTimeout((function(){o(!0)}),n)},onMouseLeave:function(){a(),o(!1)}}}(o),m=b.visible,g=s()(b,_),v=function(n,e){var t=Object(f.useRef)(null),r=Object(f.useRef)(null);return Object(f.useLayoutEffect)((function(){if(n){var o=t.current,i=r.current,a=j(o,i,e);o.style.left="".concat(a.left,"px"),o.style.top="".concat(a.top,"px")}}),[n]),{tooltipWrapperRef:t,toggleSourceRef:r}}(m,a),w=v.tooltipWrapperRef,C=v.toggleSourceRef,B=p.a.cloneElement(e,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?R(Object(t),!0).forEach((function(e){u()(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({tabIndex:0,"aria-labelledby":t?d:void 0,"aria-describedby":r?d:void 0},g));return p.a.createElement(p.a.Fragment,null,p.a.createElement(y.Portal,null,p.a.createElement(P,i()({id:d,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:w,visible:m},l),m&&p.a.createElement(T.VisuallyHidden,{id:h},r),p.a.createElement(x.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),p.a.createElement("span",{ref:C},B))};C.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},C.propTypes={children:b.a.node.isRequired,delay:b.a.number,description:b.a.string,id:b.a.string,label:b.a.string,position:b.a.oneOf(["top","left","bottom","right"])}},,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"FocusTrap",(function(){return h}));var r=t(5),o=t.n(r),i=t(4),a=t.n(i),u=t(1),c=t.n(u),s=t(0),l=t.n(s),d=t(38),f=t(11),p=["onEscape","restoreFocus"],h=function(n){var e=n.onEscape,t=n.restoreFocus,r=a()(n,p),i=Object(u.useRef)(null);Object(u.useEffect)((function(){if(t){var n=document.activeElement;return function(){n.focus()}}}),[t]),Object(u.useEffect)((function(){if(i.current){var n=Object(d.a)(i.current);if(n.length>0)n[0].focus();else console.warn("[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one.")}}),[]);return c.a.createElement("div",o()({ref:i,onKeyDown:function(n){if(n.key===f.a.ESCAPE)return e();if(n.key===f.a.TAB){var t=Object(d.a)(i.current);if(t.length>0){var r=t[0],o=t[t.length-1];n.shiftKey?r===document.activeElement&&(n.preventDefault(),o.focus()):o===document.activeElement&&(n.preventDefault(),r.focus())}}}},r))};h.defaultProps={restoreFocus:!0},h.propTypes={onEscape:l.a.func.isRequired,restoreFocus:l.a.bool}},,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"IconButtonGroup",(function(){return O})),t.d(e,"IconButton",(function(){return j}));var r,o,i=t(5),a=t.n(i),u=t(4),c=t.n(u),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(0),h=t.n(p),b=t(2),m=t.n(b),g=t(46),v=t(39),x=t(9),y=["label","noBorder","icon","disabled","onClick"],w=m()(v.BaseButton)(r||(r=l()(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ","rem;\n width: ","rem;\n\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n &:hover {\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n }\n &:active {\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n }\n &[aria-disabled='true'] {\n background-color: ",";\n svg {\n path {\n fill: ",";\n }\n }\n }\n ","\n"])),2,2,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.neutral400}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.noBorder?"border: none;":void 0})),O=m()(x.Flex)(o||(o=l()(["\n & span:first-child button {\n border-left: 1px solid ",";\n border-radius: ",";\n }\n\n & span:last-child button {\n border-radius: ",";\n }\n\n & "," {\n border-radius: 0;\n border-left: none;\n\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover {\n background-color: ",";\n\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &:active {\n background-color: ",";\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[aria-disabled='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){var e=n.theme;return"".concat(e.borderRadius," 0 0 ").concat(e.borderRadius)}),(function(n){var e=n.theme;return"0 ".concat(e.borderRadius," ").concat(e.borderRadius," 0")}),w,(function(n){return n.theme.colors.neutral700}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral800}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.colors.neutral900}),(function(n){return n.theme.colors.neutral600})),j=f.a.forwardRef((function(n,e){var t=n.label,r=n.noBorder,o=n.icon,i=n.disabled,u=n.onClick,s=c()(n,y),l=function(n){!i&&u&&u(n)};return t?f.a.createElement(g.Tooltip,{label:t},f.a.createElement(w,a()({},s,{ref:e,noBorder:r,onClick:l,"aria-disabled":i}),o)):f.a.createElement(w,a()({},s,{ref:e,noBorder:r,onClick:l,"aria-disabled":i}),o)}));j.displayName="IconButton",j.defaultProps={label:void 0,noBorder:!1,disabled:!1,onClick:void 0},j.propTypes={disabled:h.a.bool,icon:h.a.element.isRequired,label:h.a.string,noBorder:h.a.bool,onClick:h.a.func}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"ModalLayout",(function(){return E})),t.d(e,"ModalHeader",(function(){return A})),t.d(e,"ModalFooter",(function(){return F})),t.d(e,"ModalBody",(function(){return L}));var r,o,i=t(5),a=t.n(i),u=t(4),c=t.n(u),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(2),h=t.n(p),b=t(0),m=t.n(b),g=t(6),v=t(53),x=t(29),y=Object(d.createContext)(),w=["onClose","labelledBy"],O=h.a.div(r||(r=l()(["\n position: fixed;\n z-index: 4;\n inset: 0;\n background: ",";\n padding: 0 ",";\n display: flex;\n align-items: center;\n justify-content: center;\n"])),(function(n){var e=n.theme;return"".concat(e.colors.neutral800,"1F")}),(function(n){return n.theme.spaces[8]})),j=h()(g.Box)(o||(o=l()(["\n width: ","rem;\n"])),51.875),E=function(n){var e=n.onClose,t=n.labelledBy,r=c()(n,w);return Object(d.useEffect)((function(){var n=document.body;return n.classList.add("lock-body-scroll"),function(){n.classList.remove("lock-body-scroll")}}),[]),f.a.createElement(x.Portal,null,f.a.createElement(y.Provider,{value:e},f.a.createElement(O,{onClick:e},f.a.createElement(v.FocusTrap,{onEscape:e},f.a.createElement(j,a()({"aria-labelledby":t,onClick:function(n){return n.stopPropagation()},background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog","aria-modal":!0},r))))))};E.propTypes={labelledBy:m.a.string.isRequired,onClose:m.a.func.isRequired};var T,S,_,R=t(35),P=t.n(R),C=t(9),B=t(63),k=h()(g.Box)(T||(T=l()(["\n border-radius: "," "," 0 0;\n border-bottom: 1px solid ",";\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral150})),A=function(n){var e=n.children,t=n.closeLabel,r=Object(d.useContext)(y);return f.a.createElement(k,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100"},f.a.createElement(C.Flex,{justifyContent:"space-between"},e,f.a.createElement(B.IconButton,{onClick:r,"aria-label":t,icon:f.a.createElement(P.a,null)})))};A.defaultProps={closeLabel:"Close the modal"},A.propTypes={children:m.a.node.isRequired,closeLabel:m.a.string};var z,M=h()(g.Box)(S||(S=l()(["\n border-radius: 0 0 "," ",";\n border-top: 1px solid ",";\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral150})),W=h()(C.Flex)(_||(_=l()(["\n & > * + * {\n margin-left: ",";\n }\n"])),(function(n){return n.theme.spaces[2]})),F=function(n){var e=n.startActions,t=n.endActions;return f.a.createElement(M,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100"},f.a.createElement(C.Flex,{justifyContent:"space-between"},f.a.createElement(W,null,e),f.a.createElement(W,null,t)))};F.defaultProps={endActions:void 0,startActions:void 0},F.propTypes={endActions:m.a.node,startActions:m.a.node};var H=h()(g.Box)(z||(z=l()(["\n overflow: auto;\n max-height: 60vh;\n"]))),L=function(n){return f.a.createElement(H,a()({paddingTop:6,paddingBottom:6,paddingLeft:8,paddingRight:8},n))}}])}));
|