@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
package/v2/SimpleMenu.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("@strapi/icons/CarretDown"),require("react-dom"),require("@strapi/icons/Loader")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","@strapi/icons/CarretDown","react-dom","@strapi/icons/Loader"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("@strapi/icons/CarretDown"),require("react-dom"),require("@strapi/icons/Loader")):n.strapiDs=e(n.react,n["styled-components"],n["@strapi/icons/CarretDown"],n["react-dom"],n["@strapi/icons/Loader"])}(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=50)}([function(n,e,t){n.exports=t(25)()},function(e,t){e.exports=n},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,t){n.exports=e},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(24);n.exports=function(n,e){if(null==n)return{};var t,o,a=r(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(a[t]=n[t])}return a},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return m}));var r,o=t(2),a=t.n(o),i=t(3),c=t.n(i),u=t(8),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 g={color:!0},m=c.a.div.withConfig({shouldForwardProp:function(n,e){return!g[n]&&e(n)}})(r||(r=a()(["\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(u.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(u.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(u.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(u.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(u.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(u.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(u.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(u.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(u.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}));m.defaultProps=h,m.propTypes=b},function(n,e,t){"use strict";t.d(e,"a",(function(){return m}));var r,o=t(2),a=t.n(o),i=t(3),c=t.n(i),u=["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(u)};p.defaultProps=h,p.propTypes=b;var g={fontSize:!0,fontWeight:!0},m=c.a.span.withConfig({shouldForwardProp:function(n,e){return!g[n]&&e(n)}})(r||(r=a()(["\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 ")}}));m.defaultProps=h,m.propTypes=b},function(n,e,t){"use strict";var r=t(11),o=t.n(r),a=t(17),i=t.n(a);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==i()(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 a=r,c=o()(a,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 f=t.spaces[r]||r;return"".concat(n,": ").concat(f,";")}}},function(n,e,t){"use strict";t.d(e,"a",(function(){return v}));var r,o=t(2),a=t.n(o),i=t(3),c=t.n(i),u=t(6),s=t(8),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},g={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=g;var m={direction:!0},v=c()(u.a).withConfig({shouldForwardProp:function(n,e){return!m[n]&&e(n)}})(r||(r=a()(["\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=g},function(n,e,t){"use strict";t.d(e,"i",(function(){return r})),t.d(e,"c",(function(){return o})),t.d(e,"d",(function(){return a})),t.d(e,"j",(function(){return i})),t.d(e,"g",(function(){return c})),t.d(e,"b",(function(){return u})),t.d(e,"h",(function(){return s})),t.d(e,"e",(function(){return l})),t.d(e,"f",(function(){return d})),t.d(e,"k",(function(){return f})),t.d(e,"a",(function(){return p}));var r="success-light",o="danger-light",a="default",i="tertiary",c="secondary",u="danger",s="success",l="ghost",d=[r,o],f=[a,i,c,u,s,l].concat(d),p=["S","L"]},function(n,e,t){var r=t(27),o=t(28),a=t(20),i=t(29);n.exports=function(n,e){return r(n)||o(n,e)||a(n,e)||i()},n.exports.default=n.exports,n.exports.__esModule=!0},,function(n,e,t){"use strict";t.d(e,"a",(function(){return m}));var r,o=t(4),a=t.n(o),i=t(5),c=t.n(i),u=t(2),s=t.n(u),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=t(3),b=["href","rel","target","disabled","isExternal"],g=t.n(h).a.a(r||(r=s()(["\n cursor: pointer;\n"]))),m=d.a.forwardRef((function(n,e){var t=n.href,r=n.rel,o=n.target,i=n.disabled,u=n.isExternal,s=c()(n,b);return d.a.createElement(g,a()({ref:e,target:u?"_blank":o,rel:u?r:void 0,href:i?"#":t,disabled:i},s))}));m.displayName="BaseLink",m.defaultProps={disabled:!1,href:void 0,isExternal:!1,rel:"noreferrer noopener",target:"_self"},m.propTypes={disabled:p.a.bool,href:p.a.string,isExternal:p.a.bool,rel:p.a.string,target:p.a.string}},function(n,e,t){"use strict";t.d(e,"a",(function(){return a}));var r=t(1),o=0,a=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,"a",(function(){return o}));var r=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 ")}},o=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.d(e,"b",(function(){return u})),t.d(e,"c",(function(){return s})),t.d(e,"a",(function(){return l})),t.d(e,"d",(function(){return d}));var r=t(33),o=t.n(r),a=t(7),i=t(10),c=function(n){return i.f.includes(n)?n.substring(0,n.lastIndexOf("-")):n===i.j?"neutral":[i.d,i.g].includes(n)||!i.k.includes(n)?"primary":n},u=function(n){var e=n.theme;return"\n border: 1px solid ".concat(e.colors.neutral200,";\n background: ").concat(e.colors.neutral150,";\n ").concat(a.a," {\n color: ").concat(e.colors.neutral600,";\n }\n svg {\n > g, path {\n fill: ").concat(e.colors.neutral600,";\n }\n }\n ")},s=function(n){var e=n.theme,t=n.variant;return[].concat(o()(i.f),[i.g]).includes(t)?"\n background-color: ".concat(e.colors.neutral0,";\n "):t===i.j||t===i.e?"\n background-color: ".concat(e.colors.neutral100,";\n "):t===i.d?"\n border: 1px solid ".concat(e.colors.buttonPrimary500,";\n background: ").concat(e.colors.buttonPrimary500,";\n "):"\n border: 1px solid ".concat(e.colors["".concat(c(t),"500")],";\n background: ").concat(e.colors["".concat(c(t),"500")],";\n ")},l=function(n){var e=n.theme,t=n.variant;return[].concat(o()(i.f),[i.g]).includes(t)?"\n background-color: ".concat(e.colors.neutral0,";\n border: 1px solid ").concat(e.colors["".concat(c(t),"600")],";\n ").concat(a.a," {\n color: ").concat(e.colors["".concat(c(t),"600")],";\n }\n svg {\n > g, path {\n fill: ").concat(e.colors["".concat(c(t),"600")],";\n }\n }\n "):t===i.j?"\n background-color: ".concat(e.colors.neutral150,";\n "):"\n border: 1px solid ".concat(e.colors["".concat(c(t),"600")],";\n background: ").concat(e.colors["".concat(c(t),"600")],";\n ")},d=function(n){var e=n.theme,t=n.variant;switch(t){case i.c:case i.i:case i.g:return"\n border: 1px solid ".concat(e.colors["".concat(c(t),"200")],";\n background: ").concat(e.colors["".concat(c(t),"100")],";\n ").concat(a.a," {\n color: ").concat(e.colors["".concat(c(t),"700")],";\n }\n svg {\n > g, path {\n fill: ").concat(e.colors["".concat(c(t),"700")],";\n }\n }\n ");case i.j:return"\n border: 1px solid ".concat(e.colors.neutral200,";\n background: ").concat(e.colors.neutral0,";\n ").concat(a.a," {\n color: ").concat(e.colors.neutral800,";\n }\n svg {\n > g, path {\n fill: ").concat(e.colors.neutral800,";\n }\n }\n ");case i.e:return"\n border: 1px solid transparent;\n background: transparent;\n\n ".concat(a.a," {\n color: ").concat(e.colors.neutral800,";\n }\n\n svg {\n > g, path {\n fill: ").concat(e.colors.neutral500,";\n }\n }\n ");case i.h:case i.b:return"\n border: 1px solid ".concat(e.colors["".concat(c(t),"600")],";\n background: ").concat(e.colors["".concat(c(t),"600")],";\n ").concat(a.a," {\n color: ").concat(e.colors.neutral0,";\n }\n ");default:return"\n svg {\n > g, path {\n fill: ".concat(e.colors.buttonNeutral0,";\n }\n }\n ")}}},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 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,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){(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){"use strict";t.d(e,"b",(function(){return v})),t.d(e,"a",(function(){return y}));var r,o=t(4),a=t.n(o),i=t(5),c=t.n(i),u=t(2),s=t.n(u),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=t(3),b=t.n(h),g=t(15),m=["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}),g.a),y=d.a.forwardRef((function(n,e){var t=n.disabled,r=n.children,o=c()(n,m);return d.a.createElement(v,a()({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){n.exports=t},function(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},a=Object.keys(n);for(r=0;r<a.length;r++)t=a[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";var r=t(26);function o(){}function a(){}a.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,a,i){if(i!==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:a,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){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,a=[],i=!0,c=!1;try{for(t=t.call(n);!(i=(r=t.next()).done)&&(a.push(r.value),!e||a.length!==e);i=!0);}catch(n){c=!0,o=n}finally{try{i||null==t.return||t.return()}finally{if(c)throw o}}return a}},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){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 c}));var r=t(11),o=t.n(r),a=t(1),i=t(32),c=function(n){var e=n.children,t=Object(a.useRef)(null),r=Object(a.useState)(!1),c=o()(r,2),u=c[0],s=c[1];return Object(a.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(i.createPortal)(e,t.current):null}},function(n,e){n.exports=r},function(n,e,t){var r=t(41),o=t(42),a=t(20),i=t(43);n.exports=function(n){return r(n)||o(n)||a(n)||i()},n.exports.default=n.exports,n.exports.__esModule=!0},,,,,,,,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){n.exports=o},,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"MenuItem",(function(){return hn})),t.d(e,"SimpleMenu",(function(){return bn}));var r,o,a,i,c=t(17),u=t.n(c),s=t(11),l=t.n(s),d=t(4),f=t.n(d),p=t(30),h=t.n(p),b=t(5),g=t.n(b),m=t(2),v=t.n(m),y=t(1),x=t.n(y),O=t(0),w=t.n(O),E=t(3),j=t.n(E),k=t(23),S=t.n(k),T=t(7),P=t(6),_=t(9),C=t(45),R=t.n(C),z=t(16),W=t(10),A=t(22),I=["variant","startIcon","endIcon","disabled","children","onClick","size","loading","fullWidth"],M=Object(E.keyframes)(r||(r=v()(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n"]))),D=j.a.div(o||(o=v()(["\n animation: "," 2s infinite linear;\n"])),M),H=j()(P.a)(a||(a=v()(["\n height: 100%;\n"]))),L=j()(A.a)(i||(i=v()(["\n align-items: center;\n padding: ",";\n background: ",";\n border: 1px solid ",";\n "," {\n display: flex;\n align-items: center;\n }\n "," {\n color: ",";\n }\n &[aria-disabled='true'] {\n ","\n &:active {\n ","\n }\n }\n &:hover {\n ","\n }\n &:active {\n ","\n }\n ","\n ","\n"])),(function(n){var e=n.theme,t=n.size;return"".concat("S"===t?e.spaces[2]:"10px"," ").concat(e.spaces[4])}),(function(n){return n.theme.colors.buttonPrimary600}),(function(n){return n.theme.colors.buttonPrimary600}),P.a,T.a,(function(n){return n.theme.colors.buttonNeutral0}),z.b,z.b,z.c,z.a,z.d,(function(n){return n.fullWidth&&"\n display: inline-flex;\n justify-content: center;\n width: 100%;\n "})),q=x.a.forwardRef((function(n,e){var t=n.variant,r=n.startIcon,o=n.endIcon,a=n.disabled,i=n.children,c=n.onClick,u=n.size,s=n.loading,l=n.fullWidth,d=g()(n,I),p=a||s;return x.a.createElement(L,f()({ref:e,"aria-disabled":p,disabled:p,size:u,variant:t,onClick:function(n){!p&&c&&c(n)},fullWidth:l},d),(r||s)&&x.a.createElement(H,{"aria-hidden":!0,paddingRight:2},s?x.a.createElement(D,null,x.a.createElement(R.a,null)):r),"S"===u?x.a.createElement(T.a,{variant:"pi",fontWeight:"bold"},i):x.a.createElement(T.a,{fontWeight:"bold"},i),o&&x.a.createElement(P.a,{"aria-hidden":!0,paddingLeft:2},o))}));q.displayName="Button",q.defaultProps={disabled:!1,endIcon:void 0,fullWidth:!1,loading:!1,onClick:void 0,size:"S",startIcon:void 0,variant:"default"},q.propTypes={children:w.a.node.isRequired,disabled:w.a.bool,endIcon:w.a.element,fullWidth:w.a.bool,loading:w.a.bool,onClick:w.a.func,size:w.a.oneOf(W.a),startIcon:w.a.element,variant:w.a.oneOf(W.k)};var B,N,F=t(13),U=t(31),X=["source","children","spacing","fullWidth","onReachEnd","intersectionId","centered"],K=function(n,e,t,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=n.getBoundingClientRect(),i=a.top+a.height+window.pageYOffset+o,c=a.left+window.pageXOffset;if(!e)return{left:c,top:i,width:t?a.width:void 0};var u=e.getBoundingClientRect();if(r){var s=10,l=u.width+s,d=(a.width-l)/2;c=a.left+d+window.pageXOffset}u.left<0?c=a.left+window.pageXOffset:u.left+u.width>window.innerWidth&&(c=window.innerWidth-u.width-20);var f=window.innerHeight+window.pageYOffset;if(i+u.height+o>f){var p=10;i=window.pageYOffset+a.top-u.height-p-o}return{left:c,top:i,width:t?a.width:void 0}},Q=j()(P.a)(B||(B=v()(["\n box-shadow: ",";\n position: absolute;\n z-index: 4;\n border: 1px solid ",";\n background: ",";\n"])),(function(n){return n.theme.shadows.filterShadow}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.colors.neutral0})),Y=j()(P.a)(N||(N=v()(["\n // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list\n max-height: ","rem;\n overflow-y: auto;\n overflow-x: hidden;\n\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background: ",";\n }\n\n &::-webkit-scrollbar-thumb {\n background: ",";\n border-radius: ",";\n margin-right: 10px;\n }\n"])),15,(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.borderRadius})),G=function(n){var e,t,r,o,a,i,c,u,s=n.source,d=n.children,p=n.spacing,h=n.fullWidth,b=n.onReachEnd,m=n.intersectionId,v=n.centered,O=g()(n,X),w=Object(y.useRef)(null),E=Object(y.useState)(K(s.current,w.current,h,v,p)),j=l()(E,2),k=j[0],S=k.left,T=k.top,P=k.width,_=j[1];e=[s,w],t=function(){return _(K(s.current,w.current,h,v,p))},Object(y.useEffect)((function(){var n=new ResizeObserver(t);return Array.isArray(e)?e.map((function(e){e.current&&n.observe(e.current)})):e.current&&n.observe(e.current),function(){n.disconnect()}}),[]),r=w,o=b,a={selectorToWatch:"#".concat(m),skipWhen:!m||!b},i=a.selectorToWatch,c=a.skipWhen,u=void 0!==c&&c,Object(y.useEffect)((function(){if(!u){var n={root:r.current,rootMargin:"0px",threshold:1},e=new IntersectionObserver((function(n,e){n.forEach((function(n){n.isIntersecting&&r.current.scrollHeight>r.current.clientHeight&&o(n)}))}),n),t=r.current.querySelector(i);return e.observe(t),function(){e.disconnect()}}}),[u,o,i]);var C={left:"".concat(S,"px"),top:"".concat(T,"px"),width:P?"".concat(P,"px"):void 0};return x.a.createElement(Q,{style:C,hasRadius:!0,background:"neutral0",padding:1},x.a.createElement(Y,f()({ref:w},O),d,m&&b&&x.a.createElement("div",{id:m})))},V=function(n){return x.a.createElement(U.a,null,x.a.createElement(G,n))},$={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1},J={centered:w.a.bool,children:w.a.node.isRequired,fullWidth:w.a.bool,intersectionId:w.a.string,onReachEnd:w.a.func,source:w.a.shape({current:("undefined"==typeof Element?w.a.any:w.a.instanceOf(Element)).isRequired}).isRequired,spacing:w.a.number};G.propTypes=J,G.defaultProps=$,V.propTypes=J,V.defaultProps=$;var Z,nn,en,tn,rn=function(n){var e=n.theme;return"\n text-align: left;\n width: 100%;\n color: ".concat(e.colors.neutral800,";\n border-radius: ").concat(e.borderRadius,";\n &:focus {\n background-color: ").concat(e.colors.primary100,";\n }\n &:not([aria-disabled]):hover {\n background-color: ").concat(e.colors.primary100,";\n }\n")},on=t(14),an=t(18),cn=["as","children","onClick","isFocused","isLink"],un=["label","children","id","as","onOpen","onClose","size"];function sn(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 ln=j.a.button(Z||(Z=v()(["\n border: none;\n padding: 0;\n background: transparent;\n cursor: pointer;\n ","\n"])),rn),dn=j()(F.a)(nn||(nn=v()(["\n text-decoration: none;\n ","\n"])),rn),fn=j.a.span(en||(en=v()(["\n display: flex;\n align-items: center;\n svg {\n height: 4px;\n width: 6px;\n }\n"]))),pn=j()(q)(tn||(tn=v()(["\n padding: ",";\n"])),(function(n){var e=n.theme;return"".concat(e.spaces[1]," ").concat(e.spaces[3])})),hn=function(n){var e=n.as,t=n.children,r=n.onClick,o=n.isFocused,a=n.isLink,i=g()(n,cn),c=Object(y.useRef)();Object(y.useEffect)((function(){o&&c.current&&c.current.focus()}),[o]);var u=function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?sn(Object(t),!0).forEach((function(e){h()(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):sn(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({tabIndex:o?0:-1,ref:c,role:"menuitem"},i);return a?x.a.createElement(dn,f()({as:e},u),x.a.createElement(P.a,{padding:2},x.a.createElement(T.a,null,t))):x.a.createElement(ln,f()({onKeyDown:function(n){n.key!==an.a.SPACE&&n.key!==an.a.ENTER||r()},onMouseDown:r,type:"button"},u),x.a.createElement(P.a,{padding:2},x.a.createElement(T.a,null,t)))};hn.defaultProps={onClick:function(){},isFocused:!1,isLink:!1},hn.propTypes={as:w.a.elementType,children:w.a.node.isRequired,isFocused:w.a.bool,isLink:w.a.bool,onClick:w.a.func};var bn=function(n){var e=n.label,t=n.children,r=n.id,o=n.as,a=n.onOpen,i=void 0===a?function(){}:a,c=n.onClose,s=void 0===c?function(){}:c,d=n.size,p=g()(n,un),h=Object(y.useRef)(),b=Object(on.a)("simplemenu",r),m=Object(y.useRef)(!1),v=Object(y.useState)(!1),O=l()(v,2),w=O[0],E=O[1],j=Object(y.useState)(0),k=l()(j,2),T=k[0],C=k[1],R=y.Children.toArray(t),z=o||("S"===d?pn:q);Object(y.useEffect)((function(){if(["string","number"].includes(u()(e))){var n=R.findIndex((function(n){return n.props.children===e}));-1!==n&&C(n)}}),[e]),Object(y.useEffect)((function(){null!=m&&m.current?w&&"function"==typeof i?i():"function"==typeof s&&s():m.current=!0}),[m,w]),Object(y.useEffect)((function(){x.a.isValidElement(e)&&-1==T&&h.current.focus()}),[e,T]);var W=R.map((function(n,e){return x.a.createElement(_.a,{as:"li",key:e,justifyContent:"center",role:"menuitem"},Object(y.cloneElement)(n,{onClick:function(){n.props.onClick(),E(!1),h.current.focus()},isFocused:T===e}))}));return x.a.createElement("div",{onKeyDown:function(n){w&&(n.key===an.a.ESCAPE&&(n.stopPropagation(),E(!1),h.current.focus()),n.key===an.a.DOWN&&C((function(n){return n===R.length-1?0:n+1})),n.key===an.a.UP&&C((function(n){return 0===n?R.length-1:n-1})))}},x.a.createElement(z,f()({label:x.a.isValidElement(e)?null:e,"aria-haspopup":!0,"aria-expanded":w,"aria-controls":b,onKeyDown:function(n){n.key!==an.a.ENTER&&n.key!==an.a.SPACE||E((function(n){return!n}))},onMouseDown:function(n){n.preventDefault(),E((function(n){return!n}))},ref:h,type:"button",variant:"ghost",endIcon:x.a.createElement(fn,null,x.a.createElement(S.a,{"aria-hidden":!0}))},p),e),w&&x.a.createElement(V,{onBlur:function(n){n.preventDefault(),n.currentTarget.contains(n.relatedTarget)||E(!1)},source:h,spacing:4},x.a.createElement(P.a,{role:"menu",as:"ul",padding:1,id:b},W)))};bn.defaultProps={as:void 0},bn.displayName="SimpleMenu";var gn=w.a.shape({type:w.a.oneOf([hn])});bn.defaultProps={size:"M"},bn.propTypes={as:w.a.any,children:w.a.oneOfType([w.a.arrayOf(gn),gn]).isRequired,id:w.a.string,label:w.a.oneOfType([w.a.string,w.a.number,w.a.element]).isRequired,onClose:w.a.func,onOpen:w.a.func,size:w.a.oneOf(["S","M"])}}])}));
|