@strapi/design-system 1.0.0 → 1.2.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 +40 -4
- package/Accordion.production.js +1 -1
- package/Alert.development.js +39 -3
- package/Alert.production.js +1 -1
- package/Avatar.development.js +40 -4
- package/Avatar.production.js +1 -1
- package/Badge.development.js +39 -3
- package/Badge.production.js +1 -1
- package/BaseButton.production.js +1 -1
- package/BaseCheckbox.production.js +1 -1
- package/BaseLink.production.js +1 -1
- package/BaseRadio.development.js +1 -1
- package/BaseRadio.production.js +1 -1
- package/Box.development.js +29 -6
- package/Box.production.js +1 -1
- package/Breadcrumbs.development.js +39 -3
- package/Breadcrumbs.production.js +1 -1
- package/Button.development.js +30 -6
- package/Button.production.js +1 -1
- package/Card.development.js +42 -6
- package/Card.production.js +1 -1
- package/CarouselInput.development.js +41 -5
- package/CarouselInput.production.js +1 -1
- package/Checkbox.development.js +41 -5
- package/Checkbox.production.js +1 -1
- package/Combobox.development.js +44 -8
- package/Combobox.production.js +1 -1
- package/DatePicker.development.js +66 -43
- package/DatePicker.production.js +1 -1
- package/Dialog.development.js +41 -5
- package/Dialog.production.js +1 -1
- package/Divider.development.js +13 -1
- package/Divider.production.js +1 -1
- package/EmptyStateLayout.development.js +26 -2
- package/EmptyStateLayout.production.js +1 -1
- package/Field.development.js +40 -4
- package/Field.production.js +1 -1
- package/Flex.development.js +42 -7
- package/Flex.production.js +1 -1
- package/FocusTrap.development.js +1 -1
- package/FocusTrap.production.js +1 -1
- package/Grid.development.js +13 -1
- package/Grid.production.js +1 -1
- package/Icon.development.js +13 -1
- package/Icon.production.js +1 -1
- package/IconButton.development.js +39 -3
- package/IconButton.production.js +1 -1
- package/KeyboardNavigable.development.js +13 -1
- package/KeyboardNavigable.production.js +1 -1
- package/Layout.development.js +40 -4
- package/Layout.production.js +1 -1
- package/Link.development.js +42 -31
- package/Link.production.js +1 -1
- package/LinkButton.development.js +45 -34
- package/LinkButton.production.js +1 -1
- package/LiveRegions.production.js +1 -1
- package/Loader.production.js +1 -1
- package/Main.development.js +13 -1
- package/Main.production.js +1 -1
- package/MainNav.development.js +58 -35
- package/MainNav.production.js +1 -1
- package/ModalLayout.development.js +41 -5
- package/ModalLayout.production.js +1 -1
- package/NumberInput.development.js +41 -5
- package/NumberInput.production.js +1 -1
- package/Pagination.development.js +55 -32
- package/Pagination.production.js +1 -1
- package/Popover.development.js +15 -3
- package/Popover.production.js +1 -1
- package/Portal.production.js +1 -1
- package/ProgressBar.production.js +1 -1
- package/Radio.development.js +27 -3
- package/Radio.production.js +1 -1
- package/RawTable.development.js +13 -1
- package/RawTable.production.js +1 -1
- package/Searchbar.development.js +40 -4
- package/Searchbar.production.js +1 -1
- package/Select.development.js +44 -8
- package/Select.production.js +1 -1
- package/SimpleMenu.development.js +61 -38
- package/SimpleMenu.production.js +1 -1
- package/Stack.development.js +27 -3
- package/Stack.production.js +1 -1
- package/Status.development.js +39 -3
- package/Status.production.js +1 -1
- package/SubNav.development.js +57 -34
- package/SubNav.production.js +1 -1
- package/Switch.development.js +26 -2
- package/Switch.production.js +1 -1
- package/Table.development.js +40 -4
- package/Table.production.js +1 -1
- package/Tabs.development.js +39 -3
- package/Tabs.production.js +1 -1
- package/Tag.development.js +39 -3
- package/Tag.production.js +1 -1
- package/TextButton.development.js +39 -3
- package/TextButton.production.js +1 -1
- package/TextInput.development.js +41 -5
- package/TextInput.production.js +1 -1
- package/Textarea.development.js +41 -5
- package/Textarea.production.js +1 -1
- package/ThemeProvider.development.js +1 -1
- package/ThemeProvider.production.js +1 -1
- package/TimePicker.development.js +44 -8
- package/TimePicker.production.js +1 -1
- package/ToggleCheckbox.development.js +40 -4
- package/ToggleCheckbox.production.js +1 -1
- package/ToggleInput.development.js +43 -7
- package/ToggleInput.production.js +1 -1
- package/Tooltip.development.js +26 -2
- package/Tooltip.production.js +1 -1
- package/Typography.development.js +29 -6
- package/Typography.production.js +1 -1
- package/VisuallyHidden.production.js +1 -1
- package/index.development.js +456 -49
- package/index.production.js +1 -1
- package/package.json +9 -5
- package/themes.development.js +23 -11
- package/themes.production.js +1 -1
- package/v2/Link.development.js +505 -0
- package/v2/Link.js +9 -0
- package/v2/Link.production.js +1 -0
- package/v2/LinkButton.development.js +586 -0
- package/v2/LinkButton.js +9 -0
- package/v2/LinkButton.production.js +1 -0
- package/v2/MainNav.development.js +970 -0
- package/v2/MainNav.js +9 -0
- package/v2/MainNav.production.js +1 -0
- package/v2/Pagination.development.js +600 -0
- package/v2/Pagination.js +9 -0
- package/v2/Pagination.production.js +1 -0
- package/v2/SimpleMenu.development.js +810 -0
- package/v2/SimpleMenu.js +9 -0
- package/v2/SimpleMenu.production.js +1 -0
- package/v2/SubNav.development.js +1136 -0
- package/v2/SubNav.js +9 -0
- package/v2/SubNav.production.js +1 -0
- package/v2/index.development.js +1644 -0
- package/v2/index.js +9 -0
- package/v2/index.production.js +1 -0
- package/v2/package.json +76 -0
|
@@ -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=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))}}])}));
|
|
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=105)}([function(n,e,t){n.exports=t(19)()},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(24);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 g}));var r,o=t(3),i=t.n(o),a=t(2),u=t.n(a),c=t(7),s=t(1),l=t.n(s),d=t(0),f=t.n(d),p=function(n){return l.a.createElement("div",n)},h={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(){}},b={_hover:f.a.func,background:f.a.string,basis:f.a.oneOfType([f.a.string,f.a.string]),borderColor:f.a.string,children:f.a.oneOfType([f.a.node,f.a.string]),color:f.a.string,flex:f.a.oneOfType([f.a.string,f.a.string]),grow:f.a.oneOfType([f.a.string,f.a.string]),hasRadius:f.a.bool,hiddenS:f.a.bool,hiddenXS:f.a.bool,padding:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingBottom:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingLeft:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingRight:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingTop:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),shadow:f.a.string,shrink:f.a.oneOfType([f.a.string,f.a.string])};p.defaultProps=h,p.propTypes=b;var m={color:!0},g=u.a.div.withConfig({shouldForwardProp:function(n,e){return!m[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(c.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(c.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(c.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(c.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(c.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(c.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(c.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(c.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(c.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}));g.defaultProps=h,g.propTypes=b},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 g}));var r,o=t(3),i=t.n(o),a=t(2),u=t.n(a),c=["alpha","beta","delta","epsilon","omega","pi","sigma"],s=t(1),l=t.n(s),d=t(0),f=t.n(d),p=function(n){return l.a.createElement("div",n)},h={ellipsis:!1,fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},b={ellipsis:f.a.bool,fontSize:f.a.oneOfType([f.a.number,f.a.string]),fontWeight:f.a.string,lineHeight:f.a.oneOfType([f.a.number,f.a.string]),textColor:f.a.string,textTransform:f.a.string,variant:f.a.oneOf(c)};p.defaultProps=h,p.propTypes=b;var m={fontSize:!0,fontWeight:!0},g=u.a.span.withConfig({shouldForwardProp:function(n,e){return!m[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 ")}}));g.defaultProps=h,g.propTypes=b},function(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return v}));var r,o=t(3),i=t.n(o),a=t(2),u=t.n(a),c=t(6),s=t(7),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=function(n){return d.a.createElement("div",n)},b={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},m={alignItems:p.a.string,basis:p.a.oneOfType([p.a.string,p.a.number]),direction:p.a.string,gap:p.a.oneOfType([p.a.shape({desktop:p.a.number,mobile:p.a.number,tablet:p.a.number}),p.a.number,p.a.arrayOf(p.a.number),p.a.string]),inline:p.a.bool,justifyContent:p.a.string,reverse:p.a.bool,wrap:p.a.string};h.defaultProps=b,h.propTypes=m;var g={direction:!0},v=u()(c.Box).withConfig({shouldForwardProp:function(n,e){return!g[n]&&e(n)}})(r||(r=i()(["\n align-items: ",";\n display: ",";\n flex-direction: ",";\n flex-wrap: ",";\n ","};\n justify-content: ",";\n"])),(function(n){return n.alignItems}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.wrap}),(function(n){var e=n.gap,t=n.theme;return Object(s.a)("gap",e,t)}),(function(n){return n.justifyContent}));v.defaultProps=b,v.propTypes=m},function(n,e,t){var r=t(25),o=t(26),i=t(22),a=t(27);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";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,t){"use strict";var r=t(20);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(21);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){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(22),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(35),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.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(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(16),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){"use strict";t.d(e,"a",(function(){return i}));var r=t(29),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){var r=t(21);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(31),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),y=t(8),x=t(30),O=t(10),w=t.n(O),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(18),S=["children","label","description","delay","position","id"],_=["visible"];function P(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 R=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=w()(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),O=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?P(Object(t),!0).forEach((function(e){u()(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):P(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(R,i()({id:d,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:O,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(4),a=t.n(i),u=t(1),c=t.n(u),s=t(0),l=t.n(s),d=t(39),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 w})),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(45),v=t(38),y=t(9),x=["label","noBorder","icon","disabled","onClick"],O=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})),w=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")}),O,(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(O,a()({},s,{ref:e,noBorder:r,onClick:l,"aria-disabled":i}),o)):f.a.createElement(O,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(55),y=t(30),x=Object(d.createContext)(),O=["onClose","labelledBy"],w=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,O);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(w,{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,_,P=t(36),R=t.n(P),C=t(9),B=t(60),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(R.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()({padding:7},n))}}])}));
|