@bbl-digital/snorre 2.1.27 → 2.1.31

package/esm/core/BoxedTable/styles.js

@@ -6,4 +6,4 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   target: "e1qz1pf40",
   label: "Wrapper"
-})(props => /*#__PURE__*/css("display:grid;grid-row-gap:0.5em;.table-header,.table-row,.table-row-button>span,.table-row-expandable>button>span{grid-template-columns:", props.columns, ";@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){grid-template-columns:1fr;}}.table-header{background-color:", props.type === 'mysite' ? props.theme.primary10opa : '#ffffff', ";padding:", props.type === 'mysite' ? '0.5em 2em' : '0.5em 1em', ";border-radius:", props.type === 'mysite' ? '8px' : '4px', ";box-shadow:", props.type === 'mysite' ? 'none' : '0 2px 4px 0 rgba(0, 0, 0, 0.1)', ";@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){display:none;}}.table-row,.table-row-button{border-radius:", props.type === 'mysite' ? '14px' : '4px', ";min-height:", props.type === 'mysite' ? '72px' : '64px', ";box-shadow:", props.type === 'mysite' ? '0 2px 4px 0 rgba(0, 0, 0, 0.16)' : '0 2px 4px 0 rgba(0, 0, 0, 0.1)', ";padding:", props.type === 'mysite' ? '0 2em' : '0 1em', ";background-color:#ffffff;font-size:16px;&:hover,&:focus{background-color:#ffffff;}}.table-row-expandable{box-shadow:", props.type === 'mysite' ? '0 2px 4px 0 rgba(0, 0, 0, 0.16)' : '0 2px 4px 0 rgba(0, 0, 0, 0.1)', ";border-radius:", props.type === 'mysite' ? '14px' : '4px', ";&>button{font-size:16px;}&>button>span{min-height:", props.type === 'mysite' ? '72px' : '64px', ";padding:", props.type === 'mysite' ? '0 2em' : '0 1em', ";}.expand-icon{right:2em;}.expandable-content{padding:", props.type === 'mysite' ? '0 2em 1em 2em' : '0 1em 1em 1em', ";}@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){padding:0;.expandable-content{padding:0 1em 1em 1em;}.expand-icon{right:1em;}}}.table-row,.table-row-button>span,.table-row-expandable>button>span{@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){grid-auto-flow:row;grid-row-gap:2px;padding:1em;&>div{min-height:24px;}}}.table-cell{&:not(:first-of-type):not(:last-of-type){padding:0 0.5em;}&:first-of-type{padding-right:0.5em;}&:last-of-type{padding-left:0.5em;}@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){padding:0!important;width:100%;&::before{display:block;}}}.table-row-button{transition:all 0.3s ease-in-out;&:hover{box-shadow:", props.theme.shadowBig, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Cb3hlZFRhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcclxuXHJcbiAgICAudGFibGUtaGVhZGVyLFxyXG4gICAgLnRhYmxlLXJvdyxcclxuICAgIC50YWJsZS1yb3ctYnV0dG9uID4gc3BhbixcclxuICAgIC50YWJsZS1yb3ctZXhwYW5kYWJsZSA+IGJ1dHRvbiA+IHNwYW4ge1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cHJvcHMuY29sdW1uc307XHJcblxyXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XHJcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAudGFibGUtaGVhZGVyIHtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJ1xyXG4gICAgICAgID8gcHJvcHMudGhlbWUucHJpbWFyeTEwb3BhXHJcbiAgICAgICAgOiAnI2ZmZmZmZid9O1xyXG4gICAgICBwYWRkaW5nOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzAuNWVtIDJlbScgOiAnMC41ZW0gMWVtJ307XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnOHB4JyA6ICc0cHgnfTtcclxuICAgICAgYm94LXNoYWRvdzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJ1xyXG4gICAgICAgID8gJ25vbmUnXHJcbiAgICAgICAgOiAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpJ307XHJcblxyXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XHJcbiAgICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIC50YWJsZS1yb3csXHJcbiAgICAudGFibGUtcm93LWJ1dHRvbiB7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnMTRweCcgOiAnNHB4J307XHJcbiAgICAgIG1pbi1oZWlnaHQ6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnNzJweCcgOiAnNjRweCd9O1xyXG4gICAgICBib3gtc2hhZG93OiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnXHJcbiAgICAgICAgPyAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjE2KSdcclxuICAgICAgICA6ICcwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMSknfTtcclxuICAgICAgcGFkZGluZzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJyA/ICcwIDJlbScgOiAnMCAxZW0nfTtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICAgICAgJjpob3ZlcixcclxuICAgICAgJjpmb2N1cyB7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICAgICAgfVxyXG4gICAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICB9XHJcblxyXG4gICAgLnRhYmxlLXJvdy1leHBhbmRhYmxlIHtcclxuICAgICAgYm94LXNoYWRvdzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJ1xyXG4gICAgICAgID8gJzAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xNiknXHJcbiAgICAgICAgOiAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpJ307XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnMTRweCcgOiAnNHB4J307XHJcblxyXG4gICAgICAmID4gYnV0dG9uIHtcclxuICAgICAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgICYgPiBidXR0b24gPiBzcGFuIHtcclxuICAgICAgICBtaW4taGVpZ2h0OiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzcycHgnIDogJzY0cHgnfTtcclxuICAgICAgICBwYWRkaW5nOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzAgMmVtJyA6ICcwIDFlbSd9O1xyXG4gICAgICB9XHJcblxyXG4gICAgICAuZXhwYW5kLWljb24ge1xyXG4gICAgICAgIHJpZ2h0OiAyZW07XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIC5leHBhbmRhYmxlLWNvbnRlbnQge1xyXG4gICAgICAgIHBhZGRpbmc6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnMCAyZW0gMWVtIDJlbScgOiAnMCAxZW0gMWVtIDFlbSd9O1xyXG4gICAgICB9XHJcblxyXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XHJcbiAgICAgICAgcGFkZGluZzogMDtcclxuXHJcbiAgICAgICAgLmV4cGFuZGFibGUtY29udGVudCB7XHJcbiAgICAgICAgICBwYWRkaW5nOiAwIDFlbSAxZW0gMWVtO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgLmV4cGFuZC1pY29uIHtcclxuICAgICAgICAgIHJpZ2h0OiAxZW07XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLnRhYmxlLXJvdyxcclxuICAgIC50YWJsZS1yb3ctYnV0dG9uID4gc3BhbixcclxuICAgIC50YWJsZS1yb3ctZXhwYW5kYWJsZSA+IGJ1dHRvbiA+IHNwYW4ge1xyXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XHJcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IHJvdztcclxuICAgICAgICBncmlkLXJvdy1nYXA6IDJweDtcclxuICAgICAgICAmID4gZGl2IHtcclxuICAgICAgICAgIG1pbi1oZWlnaHQ6IDI0cHg7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHBhZGRpbmc6IDFlbTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIC50YWJsZS1jZWxsIHtcclxuICAgICAgJjpub3QoOmZpcnN0LW9mLXR5cGUpOm5vdCg6bGFzdC1vZi10eXBlKSB7XHJcbiAgICAgICAgcGFkZGluZzogMCAwLjVlbTtcclxuICAgICAgfVxyXG5cclxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcclxuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwLjVlbTtcclxuICAgICAgfVxyXG5cclxuICAgICAgJjpsYXN0LW9mLXR5cGUge1xyXG4gICAgICAgIHBhZGRpbmctbGVmdDogMC41ZW07XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7cHJvcHMuYnAgPyBwcm9wcy5icCA6IGJwLm1lZGl1bX0pIHtcclxuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcblxyXG4gICAgICAgICY6OmJlZm9yZSB7XHJcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAudGFibGUtcm93LWJ1dHRvbiB7XHJcbiAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0O1xyXG4gICAgICAmOmhvdmVyIHtcclxuICAgICAgICBib3gtc2hhZG93OiAke3Byb3BzLnRoZW1lLnNoYWRvd0JpZ307XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Cb3hlZFRhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcclxuXHJcbiAgICAudGFibGUtaGVhZGVyLFxyXG4gICAgLnRhYmxlLXJvdyxcclxuICAgIC50YWJsZS1yb3ctYnV0dG9uID4gc3BhbixcclxuICAgIC50YWJsZS1yb3ctZXhwYW5kYWJsZSA+IGJ1dHRvbiA+IHNwYW4ge1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cHJvcHMuY29sdW1uc307XHJcblxyXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XHJcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAudGFibGUtaGVhZGVyIHtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJ1xyXG4gICAgICAgID8gcHJvcHMudGhlbWUucHJpbWFyeTEwb3BhXHJcbiAgICAgICAgOiAnI2ZmZmZmZid9O1xyXG4gICAgICBwYWRkaW5nOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzAuNWVtIDJlbScgOiAnMC41ZW0gMWVtJ307XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnOHB4JyA6ICc0cHgnfTtcclxuICAgICAgYm94LXNoYWRvdzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJ1xyXG4gICAgICAgID8gJ25vbmUnXHJcbiAgICAgICAgOiAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpJ307XHJcblxyXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XHJcbiAgICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIC50YWJsZS1yb3csXHJcbiAgICAudGFibGUtcm93LWJ1dHRvbiB7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnMTRweCcgOiAnNHB4J307XHJcbiAgICAgIG1pbi1oZWlnaHQ6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnNzJweCcgOiAnNjRweCd9O1xyXG4gICAgICBib3gtc2hhZG93OiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnXHJcbiAgICAgICAgPyAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjE2KSdcclxuICAgICAgICA6ICcwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMSknfTtcclxuICAgICAgcGFkZGluZzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJyA/ICcwIDJlbScgOiAnMCAxZW0nfTtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICAgICAgJjpob3ZlcixcclxuICAgICAgJjpmb2N1cyB7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICAgICAgfVxyXG4gICAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICB9XHJcblxyXG4gICAgLnRhYmxlLXJvdy1leHBhbmRhYmxlIHtcclxuICAgICAgYm94LXNoYWRvdzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJ1xyXG4gICAgICAgID8gJzAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xNiknXHJcbiAgICAgICAgOiAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpJ307XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnMTRweCcgOiAnNHB4J307XHJcblxyXG4gICAgICAmID4gYnV0dG9uIHtcclxuICAgICAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgICYgPiBidXR0b24gPiBzcGFuIHtcclxuICAgICAgICBtaW4taGVpZ2h0OiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzcycHgnIDogJzY0cHgnfTtcclxuICAgICAgICBwYWRkaW5nOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzAgMmVtJyA6ICcwIDFlbSd9O1xyXG4gICAgICB9XHJcblxyXG4gICAgICAuZXhwYW5kLWljb24ge1xyXG4gICAgICAgIHJpZ2h0OiAyZW07XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIC5leHBhbmRhYmxlLWNvbnRlbnQge1xyXG4gICAgICAgIHBhZGRpbmc6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnMCAyZW0gMWVtIDJlbScgOiAnMCAxZW0gMWVtIDFlbSd9O1xyXG4gICAgICB9XHJcblxyXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XHJcbiAgICAgICAgcGFkZGluZzogMDtcclxuXHJcbiAgICAgICAgLmV4cGFuZGFibGUtY29udGVudCB7XHJcbiAgICAgICAgICBwYWRkaW5nOiAwIDFlbSAxZW0gMWVtO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgLmV4cGFuZC1pY29uIHtcclxuICAgICAgICAgIHJpZ2h0OiAxZW07XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLnRhYmxlLXJvdyxcclxuICAgIC50YWJsZS1yb3ctYnV0dG9uID4gc3BhbixcclxuICAgIC50YWJsZS1yb3ctZXhwYW5kYWJsZSA+IGJ1dHRvbiA+IHNwYW4ge1xyXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XHJcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IHJvdztcclxuICAgICAgICBncmlkLXJvdy1nYXA6IDJweDtcclxuICAgICAgICAmID4gZGl2IHtcclxuICAgICAgICAgIG1pbi1oZWlnaHQ6IDI0cHg7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHBhZGRpbmc6IDFlbTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIC50YWJsZS1jZWxsIHtcclxuICAgICAgJjpub3QoOmZpcnN0LW9mLXR5cGUpOm5vdCg6bGFzdC1vZi10eXBlKSB7XHJcbiAgICAgICAgcGFkZGluZzogMCAwLjVlbTtcclxuICAgICAgfVxyXG5cclxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcclxuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwLjVlbTtcclxuICAgICAgfVxyXG5cclxuICAgICAgJjpsYXN0LW9mLXR5cGUge1xyXG4gICAgICAgIHBhZGRpbmctbGVmdDogMC41ZW07XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7cHJvcHMuYnAgPyBwcm9wcy5icCA6IGJwLm1lZGl1bX0pIHtcclxuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcblxyXG4gICAgICAgICY6OmJlZm9yZSB7XHJcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAudGFibGUtcm93LWJ1dHRvbiB7XHJcbiAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0O1xyXG4gICAgICAmOmhvdmVyIHtcclxuICAgICAgICBib3gtc2hhZG93OiAke3Byb3BzLnRoZW1lLnNoYWRvd0JpZ307XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */");
+})(props => /*#__PURE__*/css("display:grid;grid-row-gap:0.5em;.table-header,.table-row,.table-row-button>span,.table-row-expandable>button>span{grid-template-columns:", props.columns, ";@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){grid-template-columns:1fr;}}.table-header{background-color:", props.type === 'mysite' ? props.theme.primary10opa : '#ffffff', ";padding:", props.type === 'mysite' ? '0.5em 2em' : '0.5em 1em', ";border-radius:", props.type === 'mysite' ? '8px' : '4px', ";box-shadow:", props.type === 'mysite' ? 'none' : '0 2px 4px 0 rgba(0, 0, 0, 0.1)', ";@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){display:none;}}.table-row,.table-row-button{border-radius:", props.type === 'mysite' ? '14px' : '4px', ";min-height:", props.type === 'mysite' ? '72px' : '64px', ";box-shadow:", props.type === 'mysite' ? '0 2px 4px 0 rgba(0, 0, 0, 0.16)' : '0 2px 4px 0 rgba(0, 0, 0, 0.1)', ";padding:", props.type === 'mysite' ? '0 2em' : '0 1em', ";background-color:#ffffff;font-size:16px;&:hover,&:focus{background-color:#ffffff;}}.table-row-expandable{box-shadow:", props.type === 'mysite' ? '0 2px 4px 0 rgba(0, 0, 0, 0.16)' : '0 2px 4px 0 rgba(0, 0, 0, 0.1)', ";border-radius:", props.type === 'mysite' ? '14px' : '4px', ";&>button{font-size:16px;}&>button>span{min-height:", props.type === 'mysite' ? '72px' : '64px', ";padding:", props.type === 'mysite' ? '0 2em' : '0 1em', ";}.expand-icon{right:2em;}.expandable-content{padding:", props.type === 'mysite' ? '0 2em 1em 2em' : '0 1em 1em 1em', ";}@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){padding:0;.expandable-content{padding:0 1em 1em 1em;}.expand-icon{right:1em;}}}.table-row,.table-row-button>span,.table-row-expandable>button>span{@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){grid-auto-flow:row;grid-row-gap:2px;padding:1em;&>div{min-height:24px;}}}.table-cell{&:not(:first-of-type):not(:last-of-type){padding:0 0.5em;}&:first-of-type{padding-right:0.5em;}&:last-of-type{padding-left:0.5em;}@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){padding:0!important;width:100%;&::before{display:block;}}}.table-row-button{transition:all 0.3s ease-in-out;&:hover{box-shadow:", props.theme.shadowBig, ";}@media screen and (max-width: ", props.bp ? props.bp : bp.medium, "){padding:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Cb3hlZFRhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtcm93LWdhcDogMC41ZW07XG5cbiAgICAudGFibGUtaGVhZGVyLFxuICAgIC50YWJsZS1yb3csXG4gICAgLnRhYmxlLXJvdy1idXR0b24gPiBzcGFuLFxuICAgIC50YWJsZS1yb3ctZXhwYW5kYWJsZSA+IGJ1dHRvbiA+IHNwYW4ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3Byb3BzLmNvbHVtbnN9O1xuXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgICAgfVxuICAgIH1cblxuICAgIC50YWJsZS1oZWFkZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJ1xuICAgICAgICA/IHByb3BzLnRoZW1lLnByaW1hcnkxMG9wYVxuICAgICAgICA6ICcjZmZmZmZmJ307XG4gICAgICBwYWRkaW5nOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzAuNWVtIDJlbScgOiAnMC41ZW0gMWVtJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzhweCcgOiAnNHB4J307XG4gICAgICBib3gtc2hhZG93OiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnXG4gICAgICAgID8gJ25vbmUnXG4gICAgICAgIDogJzAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xKSd9O1xuXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRhYmxlLXJvdyxcbiAgICAudGFibGUtcm93LWJ1dHRvbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzE0cHgnIDogJzRweCd9O1xuICAgICAgbWluLWhlaWdodDogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJyA/ICc3MnB4JyA6ICc2NHB4J307XG4gICAgICBib3gtc2hhZG93OiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnXG4gICAgICAgID8gJzAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xNiknXG4gICAgICAgIDogJzAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xKSd9O1xuICAgICAgcGFkZGluZzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJyA/ICcwIDJlbScgOiAnMCAxZW0nfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgICB9XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuXG4gICAgLnRhYmxlLXJvdy1leHBhbmRhYmxlIHtcbiAgICAgIGJveC1zaGFkb3c6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZSdcbiAgICAgICAgPyAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjE2KSdcbiAgICAgICAgOiAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzE0cHgnIDogJzRweCd9O1xuXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgfVxuXG4gICAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnNzJweCcgOiAnNjRweCd9O1xuICAgICAgICBwYWRkaW5nOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzAgMmVtJyA6ICcwIDFlbSd9O1xuICAgICAgfVxuXG4gICAgICAuZXhwYW5kLWljb24ge1xuICAgICAgICByaWdodDogMmVtO1xuICAgICAgfVxuXG4gICAgICAuZXhwYW5kYWJsZS1jb250ZW50IHtcbiAgICAgICAgcGFkZGluZzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJyA/ICcwIDJlbSAxZW0gMmVtJyA6ICcwIDFlbSAxZW0gMWVtJ307XG4gICAgICB9XG5cbiAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7cHJvcHMuYnAgPyBwcm9wcy5icCA6IGJwLm1lZGl1bX0pIHtcbiAgICAgICAgcGFkZGluZzogMDtcblxuICAgICAgICAuZXhwYW5kYWJsZS1jb250ZW50IHtcbiAgICAgICAgICBwYWRkaW5nOiAwIDFlbSAxZW0gMWVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmV4cGFuZC1pY29uIHtcbiAgICAgICAgICByaWdodDogMWVtO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRhYmxlLXJvdyxcbiAgICAudGFibGUtcm93LWJ1dHRvbiA+IHNwYW4sXG4gICAgLnRhYmxlLXJvdy1leHBhbmRhYmxlID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XG4gICAgICAgIGdyaWQtYXV0by1mbG93OiByb3c7XG4gICAgICAgIGdyaWQtcm93LWdhcDogMnB4O1xuICAgICAgICAmID4gZGl2IHtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAyNHB4O1xuICAgICAgICB9XG4gICAgICAgIHBhZGRpbmc6IDFlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAudGFibGUtY2VsbCB7XG4gICAgICAmOm5vdCg6Zmlyc3Qtb2YtdHlwZSk6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICAgICAgcGFkZGluZzogMCAwLjVlbTtcbiAgICAgIH1cblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogMC41ZW07XG4gICAgICB9XG5cbiAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAwLjVlbTtcbiAgICAgIH1cblxuICAgICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHtwcm9wcy5icCA/IHByb3BzLmJwIDogYnAubWVkaXVtfSkge1xuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAudGFibGUtcm93LWJ1dHRvbiB7XG4gICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLWluLW91dDtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3gtc2hhZG93OiAke3Byb3BzLnRoZW1lLnNoYWRvd0JpZ307XG4gICAgICB9XG5cbiAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7cHJvcHMuYnAgPyBwcm9wcy5icCA6IGJwLm1lZGl1bX0pIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Cb3hlZFRhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtcm93LWdhcDogMC41ZW07XG5cbiAgICAudGFibGUtaGVhZGVyLFxuICAgIC50YWJsZS1yb3csXG4gICAgLnRhYmxlLXJvdy1idXR0b24gPiBzcGFuLFxuICAgIC50YWJsZS1yb3ctZXhwYW5kYWJsZSA+IGJ1dHRvbiA+IHNwYW4ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3Byb3BzLmNvbHVtbnN9O1xuXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgICAgfVxuICAgIH1cblxuICAgIC50YWJsZS1oZWFkZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJ1xuICAgICAgICA/IHByb3BzLnRoZW1lLnByaW1hcnkxMG9wYVxuICAgICAgICA6ICcjZmZmZmZmJ307XG4gICAgICBwYWRkaW5nOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzAuNWVtIDJlbScgOiAnMC41ZW0gMWVtJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzhweCcgOiAnNHB4J307XG4gICAgICBib3gtc2hhZG93OiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnXG4gICAgICAgID8gJ25vbmUnXG4gICAgICAgIDogJzAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xKSd9O1xuXG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRhYmxlLXJvdyxcbiAgICAudGFibGUtcm93LWJ1dHRvbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzE0cHgnIDogJzRweCd9O1xuICAgICAgbWluLWhlaWdodDogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJyA/ICc3MnB4JyA6ICc2NHB4J307XG4gICAgICBib3gtc2hhZG93OiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnXG4gICAgICAgID8gJzAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xNiknXG4gICAgICAgIDogJzAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xKSd9O1xuICAgICAgcGFkZGluZzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJyA/ICcwIDJlbScgOiAnMCAxZW0nfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgICB9XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuXG4gICAgLnRhYmxlLXJvdy1leHBhbmRhYmxlIHtcbiAgICAgIGJveC1zaGFkb3c6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZSdcbiAgICAgICAgPyAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjE2KSdcbiAgICAgICAgOiAnMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzE0cHgnIDogJzRweCd9O1xuXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgfVxuXG4gICAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7cHJvcHMudHlwZSA9PT0gJ215c2l0ZScgPyAnNzJweCcgOiAnNjRweCd9O1xuICAgICAgICBwYWRkaW5nOiAke3Byb3BzLnR5cGUgPT09ICdteXNpdGUnID8gJzAgMmVtJyA6ICcwIDFlbSd9O1xuICAgICAgfVxuXG4gICAgICAuZXhwYW5kLWljb24ge1xuICAgICAgICByaWdodDogMmVtO1xuICAgICAgfVxuXG4gICAgICAuZXhwYW5kYWJsZS1jb250ZW50IHtcbiAgICAgICAgcGFkZGluZzogJHtwcm9wcy50eXBlID09PSAnbXlzaXRlJyA/ICcwIDJlbSAxZW0gMmVtJyA6ICcwIDFlbSAxZW0gMWVtJ307XG4gICAgICB9XG5cbiAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7cHJvcHMuYnAgPyBwcm9wcy5icCA6IGJwLm1lZGl1bX0pIHtcbiAgICAgICAgcGFkZGluZzogMDtcblxuICAgICAgICAuZXhwYW5kYWJsZS1jb250ZW50IHtcbiAgICAgICAgICBwYWRkaW5nOiAwIDFlbSAxZW0gMWVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmV4cGFuZC1pY29uIHtcbiAgICAgICAgICByaWdodDogMWVtO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRhYmxlLXJvdyxcbiAgICAudGFibGUtcm93LWJ1dHRvbiA+IHNwYW4sXG4gICAgLnRhYmxlLXJvdy1leHBhbmRhYmxlID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke3Byb3BzLmJwID8gcHJvcHMuYnAgOiBicC5tZWRpdW19KSB7XG4gICAgICAgIGdyaWQtYXV0by1mbG93OiByb3c7XG4gICAgICAgIGdyaWQtcm93LWdhcDogMnB4O1xuICAgICAgICAmID4gZGl2IHtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAyNHB4O1xuICAgICAgICB9XG4gICAgICAgIHBhZGRpbmc6IDFlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAudGFibGUtY2VsbCB7XG4gICAgICAmOm5vdCg6Zmlyc3Qtb2YtdHlwZSk6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICAgICAgcGFkZGluZzogMCAwLjVlbTtcbiAgICAgIH1cblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogMC41ZW07XG4gICAgICB9XG5cbiAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAwLjVlbTtcbiAgICAgIH1cblxuICAgICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHtwcm9wcy5icCA/IHByb3BzLmJwIDogYnAubWVkaXVtfSkge1xuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAudGFibGUtcm93LWJ1dHRvbiB7XG4gICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLWluLW91dDtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3gtc2hhZG93OiAke3Byb3BzLnRoZW1lLnNoYWRvd0JpZ307XG4gICAgICB9XG5cbiAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7cHJvcHMuYnAgPyBwcm9wcy5icCA6IGJwLm1lZGl1bX0pIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */");

package/esm/core/Checkbox/index.js

@@ -16,6 +16,7 @@ const Checkbox = props => {
   };
 
   return _jsxs("label", {
+    "aria-label": props['aria-label'],
     css: theme => [styles.default(theme), props.disabled && styles.disabled(theme), props.nomargin && styles.nomargin, props.child && styles.child, props.type === 'subtle' && styles.subtle(theme)],
     onClick: e => e.stopPropagation(),
     children: [_jsx("input", {

package/esm/core/InfoButton/index.js

@@ -12,6 +12,7 @@ const InfoButton = ({
   place = 'top',
   children,
   stopPropagation,
+  'aria-label': ariaLabel,
   width
 }) => {
   const ref = /*#__PURE__*/createRef();
@@ -46,6 +47,7 @@ const InfoButton = ({
   return _jsxs(Wrapper, {
     ref: ref,
     children: [_jsx(StyledButton, {
+      "aria-label": ariaLabel,
       trackingName: trackingName,
       nostyle: true,
       onClick: handleClick,

package/esm/core/SimpleBarChart/index.js

@@ -8,29 +8,29 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const SimpleBarChart = ({
-  height,
-  width,
-  data,
+  height = '350px',
+  width = 'auto',
+  data = [],
   bars,
   xAxisDataKey,
   yAxisDataKey,
-  xAxisLine,
-  yAxisLine,
-  tickLineX,
-  tickLineY,
-  legendHAlign,
-  legendVAlign,
+  xAxisLine = false,
+  yAxisLine = false,
+  tickLineX = false,
+  tickLineY = false,
+  legendHAlign = 'left',
+  legendVAlign = 'bottom',
   margin,
   legendPadding,
-  layout,
+  layout = 'horizontal',
   ...rest
 }) => {
   return /*#__PURE__*/_jsx(BarChartContainer, {
-    width: width ? width : 'auto',
-    height: height ? height : '350px',
+    width: width && width,
+    height: height && height,
     children: /*#__PURE__*/_jsx(ResponsiveContainer, {
       children: /*#__PURE__*/_jsxs(BarChart, {
-        data: data ? data : [],
+        data: data && data,
         margin: margin ? margin : {
           top: 0,
           right: 0,
@@ -38,29 +38,29 @@ const SimpleBarChart = ({
           bottom: 0
         },
         barGap: "0%",
-        layout: layout ? layout : 'horizontal',
+        layout: layout && layout,
         ...rest,
         children: [/*#__PURE__*/_jsx(CartesianGrid, {
           strokeDasharray: "0",
           vertical: false
         }), /*#__PURE__*/_jsx(XAxis, {
           dataKey: xAxisDataKey && xAxisDataKey,
-          axisLine: xAxisLine ? xAxisLine : false,
-          tickLine: tickLineX ? tickLineX : false,
+          axisLine: xAxisLine && xAxisLine,
+          tickLine: tickLineX && tickLineX,
           type: layout === 'vertical' ? 'number' : 'category',
           tickMargin: 5,
           tickFormatter: formatAxisPrice
         }), /*#__PURE__*/_jsx(YAxis, {
           dataKey: yAxisDataKey && yAxisDataKey,
-          axisLine: yAxisLine ? yAxisLine : false,
-          tickLine: tickLineY ? tickLineY : false,
+          axisLine: yAxisLine && yAxisLine,
+          tickLine: tickLineY && tickLineY,
           type: layout === 'vertical' ? 'category' : 'number',
           tickFormatter: formatAxisPrice
         }), /*#__PURE__*/_jsx(Tooltip, {
           content: /*#__PURE__*/_jsx(CustomTooltip, {})
         }), /*#__PURE__*/_jsx(Legend, {
-          verticalAlign: legendVAlign ? legendVAlign : 'bottom',
-          align: legendHAlign ? legendHAlign : 'left',
+          verticalAlign: legendVAlign && legendVAlign,
+          align: legendHAlign && legendHAlign,
           content: /*#__PURE__*/_jsx(CustomLegend, {}),
           wrapperStyle: {
             paddingLeft: legendPadding?.left ? legendPadding.left : '27px',
@@ -72,7 +72,8 @@ const SimpleBarChart = ({
           return /*#__PURE__*/_jsx(Bar, {
             dataKey: bar.dataKey,
             fill: bar.fill,
-            name: bar.name
+            name: bar.name,
+            maxBarSize: 50
           }, bar.name);
         })]
       })

package/esm/core/SimpleLineChart/index.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { CartesianGrid, Legend, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
+import { CustomLegend } from '../../shared/recharts/CustomLegend';
+import CustomTooltip from '../../shared/recharts/CustomTooltip';
+import { LineChartContainer } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const SimpleLineChart = ({
+  height = '350px',
+  width = '100%',
+  data = [],
+  lines,
+  xAxisDataKey,
+  yAxisDataKey,
+  xAxisLine = false,
+  yAxisLine = false,
+  tickLineX = false,
+  tickLineY = false,
+  legendHAlign = 'left',
+  legendVAlign = 'bottom',
+  margin,
+  legendPadding,
+  xAxisPadding = {
+    left: 50,
+    right: 50
+  },
+  layout = 'horizontal',
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(LineChartContainer, {
+    height: height,
+    width: width,
+    children: /*#__PURE__*/_jsx(ResponsiveContainer, {
+      children: /*#__PURE__*/_jsxs(LineChart, {
+        data: data,
+        margin: margin && margin,
+        barGap: "0%",
+        layout: layout && layout,
+        ...rest,
+        children: [/*#__PURE__*/_jsx(CartesianGrid, {
+          strokeDasharray: "0",
+          vertical: false
+        }), /*#__PURE__*/_jsx(XAxis, {
+          dataKey: xAxisDataKey && xAxisDataKey,
+          axisLine: xAxisLine && xAxisLine,
+          tickLine: tickLineX && tickLineX,
+          type: layout === 'vertical' ? 'number' : 'category',
+          padding: xAxisPadding && xAxisPadding,
+          tickMargin: 5
+        }), /*#__PURE__*/_jsx(YAxis, {
+          dataKey: yAxisDataKey && yAxisDataKey,
+          axisLine: yAxisLine && yAxisLine,
+          tickLine: tickLineY && tickLineY,
+          type: layout === 'vertical' ? 'category' : 'number'
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          content: /*#__PURE__*/_jsx(CustomTooltip, {})
+        }), /*#__PURE__*/_jsx(Legend, {
+          verticalAlign: legendVAlign && legendVAlign,
+          align: legendHAlign && legendHAlign,
+          content: /*#__PURE__*/_jsx(CustomLegend, {}),
+          wrapperStyle: {
+            paddingLeft: legendPadding?.left ? legendPadding.left : '20px',
+            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
+            paddingBottom: legendPadding?.bottom ? legendPadding.bottom : '0',
+            paddingRight: legendPadding?.right ? legendPadding.right : '0'
+          }
+        }), lines?.length && lines.map(line => {
+          return /*#__PURE__*/_jsx(Line, {
+            type: line.type,
+            dataKey: line.dataKey,
+            stroke: line.stroke,
+            name: line.name
+          }, line.name);
+        })]
+      })
+    })
+  });
+};
+
+export default SimpleLineChart;

package/esm/core/SimpleLineChart/styles.js

@@ -0,0 +1,7 @@
+import _styled from "@emotion/styled/base";
+export const LineChartContainer = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eqc7n110"
+} : {
+  target: "eqc7n110",
+  label: "LineChartContainer"
+})("width:", props => props.width && props.width, ";height:", props => props.height && props.height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUxpbmVDaGFydC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRStFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUxpbmVDaGFydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBMaW5lQ2hhcnRDb250YWluZXIgPSBzdHlsZWQuZGl2PHsgd2lkdGg6IHN0cmluZzsgaGVpZ2h0OiBzdHJpbmcgfT5gXHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCAmJiBwcm9wcy53aWR0aH07XHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0ICYmIHByb3BzLmhlaWdodH07XHJcbmBcclxuIl19 */"));

package/esm/core/Textarea/index.js

@@ -33,10 +33,13 @@ const Textarea = ({
   useEffect(() => {
     setInputValue(value);
   }, [value]);
+  const aria = `textarea-${label ? label.replace(' ', '-') : 'primary'}`;
   return _jsxs(Wrapper, {
     children: [label && _jsx(Label, {
+      htmlFor: aria,
       children: label
     }), _jsx("textarea", {
+      id: aria,
       css: theme => [styles.default(theme), styles.resize(resize), maxHeight && styles.maxHeight(maxHeight)],
       value: inputValue,
       rows: rows,

package/esm/core/Textarea/styles.js

@@ -4,9 +4,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { css } from '@emotion/react';
 export const styles = {
-  default: theme => /*#__PURE__*/css("width:100%;padding:0.75em;border:1px solid #d7d7d7;border-radius:3px;font-size:16px;box-sizing:border-box;outline:0;&:focus{border:2px solid ", theme.border, ";padding:calc(0.75em - 1px);}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGV4dGFyZWEvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBhZGRpbmc6IDAuNzVlbTtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkN2Q3ZDc7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgb3V0bGluZTogMDtcclxuXHJcbiAgICAmOmZvY3VzIHtcclxuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xyXG4gICAgICBwYWRkaW5nOiBjYWxjKDAuNzVlbSAtIDFweCk7IC8vIGNvbXBlbnNhdGUgZm9yIGJvcmRlci13aXRoIHJlc2l6ZVxyXG4gICAgfVxyXG4gIGAsXHJcbiAgcmVzaXplOiAocmVzaXplOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIHJlc2l6ZTogJHtyZXNpemV9O1xyXG4gIGAsXHJcbiAgbWF4SGVpZ2h0OiAodmFsdWU6IHN0cmluZykgPT4gY3NzYFxyXG4gICAgbWF4LWhlaWdodDogJHt2YWx1ZX07XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXHJcbiAgZm9udC1zaXplOiAxNnB4O1xyXG4gIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbiAgaGVpZ2h0OiAyMHB4O1xyXG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRXJyb3JNZXNzYWdlID0gc3R5bGVkLnNwYW4oXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIHBhZGRpbmctbGVmdDogMjVweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgICBjb2xvcjogJHtwcm9wcy50aGVtZS5hbGVydH07XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcblxyXG4gICAgc3ZnIHtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBsZWZ0OiAzcHg7XHJcbiAgICAgIHBhdGgge1xyXG4gICAgICAgIGZpbGw6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"),
-  resize: resize => /*#__PURE__*/css("resize:", resize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIGhlaWdodDogMjBweDtcclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gICAgY29sb3I6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICAgIHN2ZyB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogM3B4O1xyXG4gICAgICBwYXRoIHtcclxuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */"),
-  maxHeight: value => /*#__PURE__*/css("max-height:", value, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIGhlaWdodDogMjBweDtcclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gICAgY29sb3I6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICAgIHN2ZyB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogM3B4O1xyXG4gICAgICBwYXRoIHtcclxuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */")
+  default: theme => /*#__PURE__*/css("width:100%;padding:0.75em;border:1px solid #d7d7d7;border-radius:3px;font-size:16px;box-sizing:border-box;outline:0;&:focus{border:2px solid ", theme.border, ";padding:calc(0.75em - 1px);}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGV4dGFyZWEvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBhZGRpbmc6IDAuNzVlbTtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkN2Q3ZDc7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgb3V0bGluZTogMDtcclxuXHJcbiAgICAmOmZvY3VzIHtcclxuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xyXG4gICAgICBwYWRkaW5nOiBjYWxjKDAuNzVlbSAtIDFweCk7IC8vIGNvbXBlbnNhdGUgZm9yIGJvcmRlci13aXRoIHJlc2l6ZVxyXG4gICAgfVxyXG4gIGAsXHJcbiAgcmVzaXplOiAocmVzaXplOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIHJlc2l6ZTogJHtyZXNpemV9O1xyXG4gIGAsXHJcbiAgbWF4SGVpZ2h0OiAodmFsdWU6IHN0cmluZykgPT4gY3NzYFxyXG4gICAgbWF4LWhlaWdodDogJHt2YWx1ZX07XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIGhlaWdodDogMjBweDtcclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gICAgY29sb3I6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICAgIHN2ZyB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogM3B4O1xyXG4gICAgICBwYXRoIHtcclxuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */"),
+  resize: resize => /*#__PURE__*/css("resize:", resize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICBoZWlnaHQ6IDIwcHg7XHJcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxuICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgICBzdmcge1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGxlZnQ6IDNweDtcclxuICAgICAgcGF0aCB7XHJcbiAgICAgICAgZmlsbDogJHtwcm9wcy50aGVtZS5hbGVydH07XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */"),
+  maxHeight: value => /*#__PURE__*/css("max-height:", value, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICBoZWlnaHQ6IDIwcHg7XHJcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxuICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgICBzdmcge1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGxlZnQ6IDNweDtcclxuICAgICAgcGF0aCB7XHJcbiAgICAgICAgZmlsbDogJHtwcm9wcy50aGVtZS5hbGVydH07XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */")
 };
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "eb6f8862"
@@ -19,10 +19,10 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1iq60ec",
   styles: "display:grid;grid-row-gap:0.5em",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIGhlaWdodDogMjBweDtcclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gICAgY29sb3I6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICAgIHN2ZyB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogM3B4O1xyXG4gICAgICBwYXRoIHtcclxuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICBoZWlnaHQ6IDIwcHg7XHJcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxuICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgICBzdmcge1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGxlZnQ6IDNweDtcclxuICAgICAgcGF0aCB7XHJcbiAgICAgICAgZmlsbDogJHtwcm9wcy50aGVtZS5hbGVydH07XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
+export const Label = _styled("label", process.env.NODE_ENV === "production" ? {
   target: "eb6f8861"
 } : {
   target: "eb6f8861",
@@ -33,7 +33,7 @@ export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
 } : {
   name: "tr7v0r",
   styles: "font-size:16px;font-weight:600;height:20px;line-height:20px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2dDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIGhlaWdodDogMjBweDtcclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gICAgY29sb3I6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICAgIHN2ZyB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogM3B4O1xyXG4gICAgICBwYXRoIHtcclxuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICBoZWlnaHQ6IDIwcHg7XHJcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxuICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgICBzdmcge1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGxlZnQ6IDNweDtcclxuICAgICAgcGF0aCB7XHJcbiAgICAgICAgZmlsbDogJHtwcm9wcy50aGVtZS5hbGVydH07XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const ErrorMessage = _styled("span", process.env.NODE_ENV === "production" ? {
@@ -41,4 +41,4 @@ export const ErrorMessage = _styled("span", process.env.NODE_ENV === "production
 } : {
   target: "eb6f8860",
   label: "ErrorMessage"
-})(props => /*#__PURE__*/css("font-size:14px;padding-left:25px;margin-bottom:0;color:", props.theme.alert, ";position:relative;svg{position:absolute;left:3px;path{fill:", props.theme.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:ErrorMessage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3FCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIGhlaWdodDogMjBweDtcclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gICAgY29sb3I6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICAgIHN2ZyB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogM3B4O1xyXG4gICAgICBwYXRoIHtcclxuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIGhlaWdodDogMjBweDtcclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gICAgY29sb3I6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICAgIHN2ZyB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogM3B4O1xyXG4gICAgICBwYXRoIHtcclxuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */");
+})(props => /*#__PURE__*/css("font-size:14px;padding-left:25px;margin-bottom:0;color:", props.theme.alert, ";position:relative;svg{position:absolute;left:3px;path{fill:", props.theme.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:ErrorMessage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3FCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICBoZWlnaHQ6IDIwcHg7XHJcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxuICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgICBzdmcge1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGxlZnQ6IDNweDtcclxuICAgICAgcGF0aCB7XHJcbiAgICAgICAgZmlsbDogJHtwcm9wcy50aGVtZS5hbGVydH07XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwLjc1ZW07XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIG91dGxpbmU6IDA7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcclxuICAgIH1cclxuICBgLFxyXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICByZXNpemU6ICR7cmVzaXplfTtcclxuICBgLFxyXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtcm93LWdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICBoZWlnaHQ6IDIwcHg7XHJcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxuICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgICBzdmcge1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGxlZnQ6IDNweDtcclxuICAgICAgcGF0aCB7XHJcbiAgICAgICAgZmlsbDogJHtwcm9wcy50aGVtZS5hbGVydH07XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */");

package/esm/icons/withIcon.js

@@ -41,12 +41,10 @@ export default function withIcon(name) {
         }
       };
 
-      if (decorative) {
-        newProps['aria-hidden'] = true;
-      }
-
       if (accessibilityLabel) {
         newProps['aria-label'] = accessibilityLabel;
+      } else {
+        newProps['aria-hidden'] = true;
       }
 
       return /*#__PURE__*/_jsx(WrappedComponent, { ...newProps

package/esm/index.js

@@ -183,6 +183,7 @@ import NotificationRow from './core/NotificationsMenu/NotificationRow';
 import PieChart from './core/PieChart';
 import SimpleBarChart from './core/SimpleBarChart';
 import BarAndLineComposedChart from './core/BarAndLineComposedChart';
+import BarChartWithCustomizedEvent from './core/BarChartWithCustomizedEvent';
 import Table from './core/Table';
 import { Cell, Row } from './core/Table';
 import IconSort from './icons/General/IconSort';
@@ -254,4 +255,5 @@ import TabBar from './core/TabBar';
 import TabItem from './core/TabBar/TabItem';
 import Editor from './core/Editor';
 import useScreenOrientation from './hooks/useScreenOrientation';
-export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, BarAndLineComposedChart, IconApartment, IconArchives, IconArea, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconTrain, IconTram, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, TimelineStep, HighlightText, TabBar, TabItem, Editor };
+import SimpleLineChart from './core/SimpleLineChart/index';
+export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconTrain, IconTram, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, TimelineStep, HighlightText, TabBar, TabItem, Editor };

package/esm/layout/Topbar/index.js

@@ -8,6 +8,7 @@ const Topbar = ({
   children
 }) => {
   return /*#__PURE__*/_jsx(TopMenuWrapper, {
+    role: "banner",
     bgcolor: bgcolor,
     sideBarWidth: sideBarWidth,
     children: children

package/lib/core/BarAndLineComposedChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,aAAa,EAGb,QAAQ,EACR,MAAM,EAMP,MAAM,UAAU,CAAA;AAKjB,UAAU,MAAO,SAAQ,OAAO,CAAC,aAAa,CAAC;IAC7C,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,6MAA6M;IAC7M,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,6OAA6O;IAC7O,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,EAAE,CAAA;IAC1E,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uGAAuG;IACvG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACnC;AACD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwF7C,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,aAAa,EAGb,QAAQ,EACR,MAAM,EAMP,MAAM,UAAU,CAAA;AAKjB,UAAU,MAAO,SAAQ,OAAO,CAAC,aAAa,CAAC;IAC7C,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,6MAA6M;IAC7M,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,6OAA6O;IAC7O,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,EAAE,CAAA;IAC1E,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uGAAuG;IACvG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACnC;AACD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyF7C,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/lib/core/BarAndLineComposedChart/index.js

@@ -86,7 +86,7 @@ const BarAndLineComposedChart = ({
             dataKey: line.dataKey,
             stroke: line.stroke,
             name: line.name
-          });
+          }, line.name);
         })]
       })
     })

package/lib/core/BarChartWithCustomizedEvent/index.d.ts

@@ -0,0 +1,51 @@
+import { Bar, Margin } from 'recharts';
+import React from 'react';
+interface IProps extends Partial<Bar> {
+    /** The source data. Example format: [{name: string, value: string}]. Name is required*/
+    data: any[];
+    /** Array of each bar in the BarChart: e.g [{name: "Kostnad", dataKey: "kostnad", fill: theme.primary}]. value of dataKey correlates to a property in the data source. Fill sets the color of the bar */
+    bars: {
+        name: string;
+        dataKey: string;
+        fill: string;
+    }[];
+    /** xAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
+    xAxisDataKey: string;
+    /**yAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
+    /** selectedIndex: Will update the selected index */
+    selectedIndex: number;
+    yAxisDataKey?: string;
+    /** Height: default to 350px */
+    height?: string;
+    /** Width: defaults to auto */
+    width?: string;
+    /** xAxisLine: Show the xAxisLine, or leave empty. Default is false */
+    xAxisLine?: boolean;
+    /**yAxisLine: Show the yAxisLine, or leave empty. Default is false */
+    yAxisLine?: boolean;
+    /** tickLineX: Show axis tick line. Defaults to false */
+    tickLineX?: boolean;
+    /** tickLineY: Show axis tick line. Defaults to false */
+    tickLineY?: boolean;
+    /**legendHAlign: horizontal position of the caption for the content. Default is left */
+    legendHAlign?: 'left' | 'center' | 'right';
+    /**legendVAlign: vertical position of the caption for the content. Default is bottom */
+    legendVAlign?: 'top' | 'middle' | 'bottom';
+    /** margin: Margins for the BarChart. Default is { top: 0, right: 0, left: 0, bottom: 0 }  */
+    margin?: Margin;
+    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 27px, left: 0, bottom: 0 */
+    legendPadding?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /**layout: vertical or horizontal BarChart. Defaults to horizontal. */
+    layout?: 'horizontal' | 'vertical';
+    /** onClickBar: fires when clicking a bar. Returns an object with the pattern of your data */
+    onClickBar?: (item: any) => void;
+    onParentDeselect?: (e: any) => void;
+}
+export declare const BarChartWithCustomizedEvent: React.FC<IProps>;
+export default BarChartWithCustomizedEvent;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/BarChartWithCustomizedEvent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAIH,MAAM,EAIP,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wMAAwM;IACxM,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,oDAAoD;IACpD,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wGAAwG;IACxG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,6FAA6F;IAC7F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAChC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CACpC;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA2FxD,CAAA;AAED,eAAe,2BAA2B,CAAA"}

package/lib/core/BarChartWithCustomizedEvent/index.js

@@ -0,0 +1,92 @@
+import { Bar, BarChart, CartesianGrid, Cell, ResponsiveContainer, XAxis, YAxis } from 'recharts';
+import React from 'react';
+import { formatAxisPrice } from '../../utils/formatGraphPrice';
+import { useTheme } from '@emotion/react';
+import { CustomEventBarChartContainer } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const BarChartWithCustomizedEvent = ({
+  height = '300px',
+  width = 'auto',
+  data = [],
+  bars,
+  selectedIndex,
+  xAxisDataKey,
+  yAxisDataKey,
+  xAxisLine = false,
+  yAxisLine = false,
+  tickLineX = false,
+  tickLineY = false,
+  legendHAlign = 'left',
+  legendVAlign = 'bottom',
+  margin,
+  legendPadding,
+  layout = 'horizontal',
+  onClickBar,
+  ...rest
+}) => {
+  const theme = useTheme();
+
+  const handleBarClick = (_, index) => {
+    const identicalIndex = index === selectedIndex;
+
+    if (onClickBar && !identicalIndex) {
+      onClickBar({
+        data: data[index],
+        index: index
+      });
+    }
+  };
+
+  return /*#__PURE__*/_jsx(CustomEventBarChartContainer, {
+    width: width && width,
+    height: height && height,
+    theme: theme,
+    children: /*#__PURE__*/_jsx(ResponsiveContainer, {
+      children: /*#__PURE__*/_jsxs(BarChart, {
+        data: data && data,
+        margin: margin ? margin : {
+          top: 0,
+          right: 0,
+          left: 0,
+          bottom: 0
+        },
+        barGap: "0%",
+        layout: layout && layout,
+        ...rest,
+        children: [/*#__PURE__*/_jsx(CartesianGrid, {
+          strokeDasharray: "0",
+          vertical: false
+        }), /*#__PURE__*/_jsx(XAxis, {
+          dataKey: xAxisDataKey && xAxisDataKey,
+          axisLine: xAxisLine && xAxisLine,
+          tickLine: tickLineX && tickLineX,
+          type: layout === 'vertical' ? 'number' : 'category',
+          tickMargin: 5
+        }), /*#__PURE__*/_jsx(YAxis, {
+          dataKey: yAxisDataKey && yAxisDataKey,
+          axisLine: yAxisLine && yAxisLine,
+          tickLine: tickLineY && tickLineY,
+          type: layout === 'vertical' ? 'category' : 'number',
+          tickFormatter: formatAxisPrice
+        }), bars?.length && bars.map(bar => {
+          return /*#__PURE__*/_jsx(Bar, {
+            dataKey: bar.dataKey,
+            fill: bar.fill,
+            name: bar.name,
+            maxBarSize: 50,
+            onClick: handleBarClick,
+            children: data?.length && data.map((_, index) => {
+              return /*#__PURE__*/_jsx(Cell, {
+                cursor: "pointer",
+                fill: index === selectedIndex ? theme.primary5darker : theme.primary,
+                className: "bar-cell"
+              }, `cell-${index}`);
+            })
+          }, bar.name);
+        })]
+      })
+    })
+  });
+};
+export default BarChartWithCustomizedEvent;

package/lib/core/BarChartWithCustomizedEvent/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const CustomEventBarChartContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    height: string;
+    width: string;
+    theme: any;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map