@bbl-digital/snorre 3.1.57 → 3.1.58

package/lib/core/TabNav/TabNavItem/styles.js

@@ -1,25 +1,23 @@
 import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
-
 const calculateIndent = indent => {
   const BASE = 8;
   const INDENT_PADDING_LI = indent === 1 ? BASE * 3 : (indent + 2) * BASE;
   return /*#__PURE__*/css("padding-left:", INDENT_PADDING_LI, "px!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:calculateIndent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRWSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UYWJOYXYvVGFiTmF2SXRlbS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMyA6IChpbmRlbnQgKyAyKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJOYXZJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAxcmVtO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogNHB4O1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMudGhlbWUucHJpbWFyeX07XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIG9wYWNpdHk6IDAuNDtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC51bChcbiAgKHByb3BzOiB7XG4gICAgYm90dG9tOiBudW1iZXJcbiAgICBsZWZ0OiBudW1iZXJcbiAgICBtaW5XaWR0aDogbnVtYmVyXG4gICAgdGhlbWU6IElBcHBUaGVtZVxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDM7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1pbi13aWR0aDogJHtwcm9wcy5taW5XaWR0aH1weDtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuXG4gICAgbWF4LWhlaWdodDogNDB2aDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcblxuICAgICYgPiBsaSB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxZW0pO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxNTBtcyBlYXNlLWluLW91dDtcblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJnTGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0T3B0aW9uID0gc3R5bGVkLmxpKFxuICAoe1xuICAgIGRpc2FibGVkLFxuICAgIGJvbGQsXG4gICAgaW5kZW50LFxuICB9OiB7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gICAgYm9sZD86IGJvb2xlYW5cbiAgICBpbmRlbnQ/OiBudW1iZXJcbiAgfSkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgcGFkZGluZy1yaWdodDogOHB4O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG5cbiAgICBmb250LXdlaWdodDogJHtib2xkID8gNjAwIDogNDAwfTtcblxuICAgICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogNHB4O1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICB9XG4gICAgYCxcbn1cbiJdfQ== */");
 };
-
-export const TabNavItemWrapper = _styled("button", process.env.NODE_ENV === "production" ? {
+export const TabNavItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e169sb432"
 } : {
   target: "e169sb432",
   label: "TabNavItemWrapper"
 })(props => /*#__PURE__*/css("display:flex;border:none;background:transparent;cursor:pointer;padding:1rem;position:relative;font-size:16px;font-weight:bold;transition:all ease 250ms;&:hover{&::after{position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", props.theme.primary, ";z-index:1;opacity:0.4;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDMgOiAoaW5kZW50ICsgMikgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcGFkZGluZzogMXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnRoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICBvcGFjaXR5OiAwLjQ7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQudWwoXG4gIChwcm9wczoge1xuICAgIGJvdHRvbTogbnVtYmVyXG4gICAgbGVmdDogbnVtYmVyXG4gICAgbWluV2lkdGg6IG51bWJlclxuICAgIHRoZW1lOiBJQXBwVGhlbWVcbiAgfSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAzO1xuICAgIHRvcDogY2FsYygke3Byb3BzLmJvdHRvbX1weCAtIDAuNWVtKTtcbiAgICBsZWZ0OiAke3Byb3BzLmxlZnR9cHg7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBtaW4td2lkdGg6ICR7cHJvcHMubWluV2lkdGh9cHg7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcblxuICAgIG1heC1oZWlnaHQ6IDQwdmg7XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG5cbiAgICAmID4gbGkge1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMWVtKTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICAgIHBhZGRpbmctbGVmdDogMWVtO1xuICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTUwbXMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbiA9IHN0eWxlZC5saShcbiAgKHtcbiAgICBkaXNhYmxlZCxcbiAgICBib2xkLFxuICAgIGluZGVudCxcbiAgfToge1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICAgIGJvbGQ/OiBib29sZWFuXG4gICAgaW5kZW50PzogbnVtYmVyXG4gIH0pID0+IGNzc2BcbiAgICBwYWRkaW5nOiAwO1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuXG4gICAgZm9udC13ZWlnaHQ6ICR7Ym9sZCA/IDYwMCA6IDQwMH07XG5cbiAgICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG59XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDMgOiAoaW5kZW50ICsgMikgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcGFkZGluZzogMXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnRoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICBvcGFjaXR5OiAwLjQ7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQudWwoXG4gIChwcm9wczoge1xuICAgIGJvdHRvbTogbnVtYmVyXG4gICAgbGVmdDogbnVtYmVyXG4gICAgbWluV2lkdGg6IG51bWJlclxuICAgIHRoZW1lOiBJQXBwVGhlbWVcbiAgfSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAzO1xuICAgIHRvcDogY2FsYygke3Byb3BzLmJvdHRvbX1weCAtIDAuNWVtKTtcbiAgICBsZWZ0OiAke3Byb3BzLmxlZnR9cHg7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBtaW4td2lkdGg6ICR7cHJvcHMubWluV2lkdGh9cHg7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcblxuICAgIG1heC1oZWlnaHQ6IDQwdmg7XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG5cbiAgICAmID4gbGkge1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMWVtKTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICAgIHBhZGRpbmctbGVmdDogMWVtO1xuICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTUwbXMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbiA9IHN0eWxlZC5saShcbiAgKHtcbiAgICBkaXNhYmxlZCxcbiAgICBib2xkLFxuICAgIGluZGVudCxcbiAgfToge1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICAgIGJvbGQ/OiBib29sZWFuXG4gICAgaW5kZW50PzogbnVtYmVyXG4gIH0pID0+IGNzc2BcbiAgICBwYWRkaW5nOiAwO1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuXG4gICAgZm9udC13ZWlnaHQ6ICR7Ym9sZCA/IDYwMCA6IDQwMH07XG5cbiAgICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG59XG4iXX0= */");
-export const SelectChildrenWrapper = _styled("ul", process.env.NODE_ENV === "production" ? {
+export const SelectChildrenWrapper = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
   target: "e169sb431"
 } : {
   target: "e169sb431",
   label: "SelectChildrenWrapper"
 })(props => /*#__PURE__*/css("position:absolute;z-index:3;top:calc(", props.bottom, "px - 0.5em);left:", props.left, "px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);list-style:none;margin:0;padding:0;min-width:", props.minWidth, "px;max-width:350px;max-height:40vh;overflow-y:auto;overflow-x:hidden;&>li{word-break:break-all;background:#fff;display:flex;width:calc(100% - 1em);cursor:pointer;list-style:none;padding:0.5em;padding-left:1em;border-top:1px solid ", props.theme.border, ";transition:background 150ms ease-in-out;&:first-of-type{border-top:none;}&:hover,&:focus{background:", props.theme.bgLight, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:SelectChildrenWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ1ciLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDMgOiAoaW5kZW50ICsgMikgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcGFkZGluZzogMXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnRoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICBvcGFjaXR5OiAwLjQ7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQudWwoXG4gIChwcm9wczoge1xuICAgIGJvdHRvbTogbnVtYmVyXG4gICAgbGVmdDogbnVtYmVyXG4gICAgbWluV2lkdGg6IG51bWJlclxuICAgIHRoZW1lOiBJQXBwVGhlbWVcbiAgfSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAzO1xuICAgIHRvcDogY2FsYygke3Byb3BzLmJvdHRvbX1weCAtIDAuNWVtKTtcbiAgICBsZWZ0OiAke3Byb3BzLmxlZnR9cHg7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBtaW4td2lkdGg6ICR7cHJvcHMubWluV2lkdGh9cHg7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcblxuICAgIG1heC1oZWlnaHQ6IDQwdmg7XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG5cbiAgICAmID4gbGkge1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMWVtKTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICAgIHBhZGRpbmctbGVmdDogMWVtO1xuICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTUwbXMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbiA9IHN0eWxlZC5saShcbiAgKHtcbiAgICBkaXNhYmxlZCxcbiAgICBib2xkLFxuICAgIGluZGVudCxcbiAgfToge1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICAgIGJvbGQ/OiBib29sZWFuXG4gICAgaW5kZW50PzogbnVtYmVyXG4gIH0pID0+IGNzc2BcbiAgICBwYWRkaW5nOiAwO1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuXG4gICAgZm9udC13ZWlnaHQ6ICR7Ym9sZCA/IDYwMCA6IDQwMH07XG5cbiAgICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG59XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3FDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IGNhbGN1bGF0ZUluZGVudCA9IChpbmRlbnQ6IG51bWJlcikgPT4ge1xuICBjb25zdCBCQVNFID0gOFxuICBjb25zdCBJTkRFTlRfUEFERElOR19MSSA9IGluZGVudCA9PT0gMSA/IEJBU0UgKiAzIDogKGluZGVudCArIDIpICogQkFTRVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZy1sZWZ0OiAke0lOREVOVF9QQURESU5HX0xJfXB4ICFpbXBvcnRhbnQ7XG4gIGBcbn1cblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcblxuICAgICY6aG92ZXIge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0Q2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLnVsKFxuICAocHJvcHM6IHtcbiAgICBib3R0b206IG51bWJlclxuICAgIGxlZnQ6IG51bWJlclxuICAgIG1pbldpZHRoOiBudW1iZXJcbiAgICB0aGVtZTogSUFwcFRoZW1lXG4gIH0pID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMztcbiAgICB0b3A6IGNhbGMoJHtwcm9wcy5ib3R0b219cHggLSAwLjVlbSk7XG4gICAgbGVmdDogJHtwcm9wcy5sZWZ0fXB4O1xuICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgYm94LXNoYWRvdzogMHB4IDEwcHggMTVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjEpO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWluLXdpZHRoOiAke3Byb3BzLm1pbldpZHRofXB4O1xuICAgIG1heC13aWR0aDogMzUwcHg7XG5cbiAgICBtYXgtaGVpZ2h0OiA0MHZoO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuXG4gICAgJiA+IGxpIHtcbiAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcbiAgICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDFlbSk7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgcGFkZGluZzogMC41ZW07XG4gICAgICBwYWRkaW5nLWxlZnQ6IDFlbTtcbiAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3Byb3BzLnRoZW1lLmJvcmRlcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDE1MG1zIGVhc2UtaW4tb3V0O1xuXG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgfVxuXG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYmdMaWdodH07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RPcHRpb24gPSBzdHlsZWQubGkoXG4gICh7XG4gICAgZGlzYWJsZWQsXG4gICAgYm9sZCxcbiAgICBpbmRlbnQsXG4gIH06IHtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgICBib2xkPzogYm9vbGVhblxuICAgIGluZGVudD86IG51bWJlclxuICB9KSA9PiBjc3NgXG4gICAgcGFkZGluZzogMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgIG9wYWNpdHk6ICR7ZGlzYWJsZWQgPyAwLjUgOiAxfTtcblxuICAgIGZvbnQtd2VpZ2h0OiAke2JvbGQgPyA2MDAgOiA0MDB9O1xuXG4gICAgJHtpbmRlbnQgJiYgY2FsY3VsYXRlSW5kZW50KGluZGVudCl9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYWN0aXZlOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgIH1cbiAgICBgLFxufVxuIl19 */");
-export const SelectOption = _styled("li", process.env.NODE_ENV === "production" ? {
+export const SelectOption = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
   target: "e169sb430"
 } : {
   target: "e169sb430",

package/lib/core/TabNav/index.js

@@ -9,7 +9,6 @@ import Link from '../Link';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const TabNav = ({
   value,
   children,
@@ -24,46 +23,45 @@ const TabNav = ({
   breakpoint
 }) => {
   const isMobile = useIsMobile(breakpoint);
-  const theme = useTheme(); // Container dimensions
+  const theme = useTheme();
 
+  // Container dimensions
   const ref = React.useRef(null);
   const {
     width: containerWidth
-  } = useContainerDimensions(ref); // Button dimensions
+  } = useContainerDimensions(ref);
 
+  // Button dimensions
   const buttonRef = React.useRef(null);
   const {
     width: actionsWidth
   } = useContainerDimensions(buttonRef);
   const values = React.Children.map(children, child => child !== null && child.props)?.filter(Boolean) || [];
-
   const displayNameFromValue = value => {
     const item = values.find(item => item.value === value);
     return item?.displayText || String(value);
   };
-
   const valueWithSelectItemIndex = values.findIndex(item => item.selectItems?.length);
-
   const listOfSelectedItems = items => {
     if (!items) return [];
-    return items.map(prop => ({ ...prop
+    return items.map(prop => ({
+      ...prop
     }));
   };
-
   if (valueWithSelectItemIndex > -1) {
-    const selectedItems = values[valueWithSelectItemIndex].selectItems; // If we have no actual selectedItems, dont show any label while in the mobile/dropdown version
+    const selectedItems = values[valueWithSelectItemIndex].selectItems;
 
+    // If we have no actual selectedItems, dont show any label while in the mobile/dropdown version
     const isEverySelectedItemDisabledOrLink = Number(selectedItems?.length) >= 1 && selectedItems?.every(item => item.disabled || item.onClick);
-
     if (isEverySelectedItemDisabledOrLink) {
-      const itemsWithOnClick = selectedItems?.filter(item => item.onClick) || []; // Remove valueWithSelectItemIndex from the values array, but add on itemsWithOnClick in the list
+      const itemsWithOnClick = selectedItems?.filter(item => item.onClick) || [];
 
+      // Remove valueWithSelectItemIndex from the values array, but add on itemsWithOnClick in the list
       values.splice(valueWithSelectItemIndex, 1, ...listOfSelectedItems(itemsWithOnClick));
     } else {
       values.splice(valueWithSelectItemIndex + 1, 0, ...listOfSelectedItems(selectedItems));
     }
   }
-
   return _jsx(TabContextProvider, {
     onChange: onChange,
     value: value || values?.[0].value,
@@ -75,6 +73,7 @@ const TabNav = ({
       }) => {
         if (breakpoint && isMobile || !breakpoint && actionsWidth + childrenTotalWidth > containerWidth) {
           // Render dropdown instead of tabs
+
           return _jsxs(SelectWrapper, {
             children: [_jsx(Select, {
               input: true,
@@ -109,7 +108,6 @@ const TabNav = ({
             }), actions]
           });
         }
-
         return _jsxs(TabNavWrapper, {
           ref: ref,
           theme: theme,
@@ -124,6 +122,5 @@ const TabNav = ({
     })
   });
 };
-
 export { TabNav };
 export default TabNav;

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

@@ -16,10 +16,10 @@ export declare const SelectWrapper: import("@emotion/styled").StyledComponent<{
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const styles: {
-    maxWidth: (width: number) => import("@emotion/react").SerializedStyles;
-    color: (color: string) => import("@emotion/react").SerializedStyles;
-    underlineColor: (color: string) => import("@emotion/react").SerializedStyles;
-    vertical: import("@emotion/react").SerializedStyles;
+    maxWidth: (width: number) => import("@emotion/utils").SerializedStyles;
+    color: (color: string) => import("@emotion/utils").SerializedStyles;
+    underlineColor: (color: string) => import("@emotion/utils").SerializedStyles;
+    vertical: import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/TabNav/styles.js

@@ -1,28 +1,26 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 import bp from '../../globals/styles/breakpoints';
-export const TabNavWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const TabNavWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "evtutk53"
 } : {
   target: "evtutk53",
   label: "TabNavWrapper"
 })(props => /*#__PURE__*/css("display:flex;width:100%;position:relative;padding:0;margin:0;align-content:space-between;align-items:flex-end;&:after{content:'';display:block;width:100%;position:absolute;bottom:0;height:4px;background:", props.theme.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgVGFiTmF2V3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGFsaWduLWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkFjdGlvbnMgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAxZW07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIGJvdHRvbTogMDtcbiAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAmOmFmdGVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RMaW5rV3JhcHBlciA9IHN0eWxlZC5saWBgXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAwLjVlbTtcblxuICAvLyBUbyBtYWtlIHRoZSB0ZXN0IGFsaWduIGNvcnJlY3RseSBhbmQgbm90IG92ZXJmbG93LlxuICAmID4gc3BhbiA+IGRpdiA+IHVsID4gbGkgPiBidXR0b24ge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIG1heFdpZHRoOiAod2lkdGg6IG51bWJlcikgPT4gY3NzYFxuICAgIG1heC13aWR0aDogJHt3aWR0aH1weDtcbiAgYCxcblxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmIGJ1dHRvbiB7XG4gICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgfVxuICBgLFxuICB1bmRlcmxpbmVDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmIGJ1dHRvbjo6YWZ0ZXIsXG4gICAgJiBidXR0b246aG92ZXI6OmFmdGVyIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcbiAgdmVydGljYWw6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gICAgJjphZnRlciB7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgdG9wOiAwO1xuICAgICAgd2lkdGg6IDRweDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAmIGJ1dHRvbjo6YWZ0ZXIsXG4gICAgJiBidXR0b246aG92ZXI6OmFmdGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICB0b3A6IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgVGFiTmF2V3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGFsaWduLWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkFjdGlvbnMgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAxZW07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIGJvdHRvbTogMDtcbiAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAmOmFmdGVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RMaW5rV3JhcHBlciA9IHN0eWxlZC5saWBgXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAwLjVlbTtcblxuICAvLyBUbyBtYWtlIHRoZSB0ZXN0IGFsaWduIGNvcnJlY3RseSBhbmQgbm90IG92ZXJmbG93LlxuICAmID4gc3BhbiA+IGRpdiA+IHVsID4gbGkgPiBidXR0b24ge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIG1heFdpZHRoOiAod2lkdGg6IG51bWJlcikgPT4gY3NzYFxuICAgIG1heC13aWR0aDogJHt3aWR0aH1weDtcbiAgYCxcblxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmIGJ1dHRvbiB7XG4gICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgfVxuICBgLFxuICB1bmRlcmxpbmVDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmIGJ1dHRvbjo6YWZ0ZXIsXG4gICAgJiBidXR0b246aG92ZXI6OmFmdGVyIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcbiAgdmVydGljYWw6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gICAgJjphZnRlciB7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgdG9wOiAwO1xuICAgICAgd2lkdGg6IDRweDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAmIGJ1dHRvbjo6YWZ0ZXIsXG4gICAgJiBidXR0b246aG92ZXI6OmFmdGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICB0b3A6IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */");
-export const TabNavActions = _styled("span", process.env.NODE_ENV === "production" ? {
+export const TabNavActions = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "evtutk52"
 } : {
   target: "evtutk52",
   label: "TabNavActions"
 })("position:absolute;right:0;bottom:1em;@media (max-width: ", bp.medium, "){bottom:0;padding:1em;&:after{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJ3QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBhbGlnbi1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJvcmRlcn07XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUYWJOYXZBY3Rpb25zID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMWVtO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBib3R0b206IDA7XG4gICAgcGFkZGluZzogMWVtO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0TGlua1dyYXBwZXIgPSBzdHlsZWQubGlgYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMC41ZW07XG5cbiAgLy8gVG8gbWFrZSB0aGUgdGVzdCBhbGlnbiBjb3JyZWN0bHkgYW5kIG5vdCBvdmVyZmxvdy5cbiAgJiA+IHNwYW4gPiBkaXYgPiB1bCA+IGxpID4gYnV0dG9uIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBtYXhXaWR0aDogKHdpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBtYXgtd2lkdGg6ICR7d2lkdGh9cHg7XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiBidXR0b24ge1xuICAgICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcbiAgdW5kZXJsaW5lQ29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiBidXR0b246OmFmdGVyLFxuICAgICYgYnV0dG9uOmhvdmVyOjphZnRlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgICB9XG4gIGAsXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgbGVmdDogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJiBidXR0b246OmFmdGVyLFxuICAgICYgYnV0dG9uOmhvdmVyOjphZnRlciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogNHB4O1xuICAgICAgdG9wOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */"));
-export const SelectLinkWrapper = _styled("li", process.env.NODE_ENV === "production" ? {
+export const SelectLinkWrapper = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
   target: "evtutk51"
 } : {
   target: "evtutk51",
   label: "SelectLinkWrapper"
 })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUMwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBhbGlnbi1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJvcmRlcn07XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUYWJOYXZBY3Rpb25zID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMWVtO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBib3R0b206IDA7XG4gICAgcGFkZGluZzogMWVtO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0TGlua1dyYXBwZXIgPSBzdHlsZWQubGlgYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMC41ZW07XG5cbiAgLy8gVG8gbWFrZSB0aGUgdGVzdCBhbGlnbiBjb3JyZWN0bHkgYW5kIG5vdCBvdmVyZmxvdy5cbiAgJiA+IHNwYW4gPiBkaXYgPiB1bCA+IGxpID4gYnV0dG9uIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBtYXhXaWR0aDogKHdpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBtYXgtd2lkdGg6ICR7d2lkdGh9cHg7XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiBidXR0b24ge1xuICAgICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcbiAgdW5kZXJsaW5lQ29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiBidXR0b246OmFmdGVyLFxuICAgICYgYnV0dG9uOmhvdmVyOjphZnRlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgICB9XG4gIGAsXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgbGVmdDogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJiBidXR0b246OmFmdGVyLFxuICAgICYgYnV0dG9uOmhvdmVyOjphZnRlciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogNHB4O1xuICAgICAgdG9wOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */");
-export const SelectWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const SelectWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "evtutk50"
 } : {
   target: "evtutk50",

package/lib/core/TabNav/utils/useContainerDimensions.js

@@ -16,7 +16,6 @@ export const useContainerDimensions = ref => {
   }), [ref]);
   useEffect(() => {
     const handleResize = () => setDimensions(getDimensions());
-
     if (ref.current) setDimensions(getDimensions());
     window.addEventListener('resize', handleResize);
     return () => {

package/lib/core/Table/Cell.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Cell = ({
   startAlign,
   centerAlign,
@@ -15,10 +14,10 @@ const Cell = ({
   ...props
 }) => {
   const Tag = header ? 'th' : 'td';
-  return _jsx(Tag, { ...props,
+  return _jsx(Tag, {
+    ...props,
     css: () => [styles.cell_defaults, startAlign && styles.cell_left, centerAlign && styles.cell_center, endAlign && styles.cell_right, truncate && styles.cell_truncate, wrap && styles.cell_wrap],
     children: children
   });
 };
-
 export default Cell;

package/lib/core/Table/Row.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Row = ({
   children,
   danger,
@@ -13,10 +12,10 @@ const Row = ({
   border,
   ...props
 }) => {
-  return /*#__PURE__*/_jsx("tr", { ...props,
+  return /*#__PURE__*/_jsx("tr", {
+    ...props,
     css: theme => [border && styles.row_border(theme), danger && styles.row_danger(theme), info && styles.row_info(theme), muted && styles.row_muted(theme), notice && styles.row_notice(theme), success && styles.row_success(theme), warning && styles.row_warning(theme)],
     children: children
   });
 };
-
 export default Row;

package/lib/core/Table/Table.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const SeveralArgsTable: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Table.stories.d.ts.map

package/lib/core/Table/Table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Table/Table.stories.tsx"],"names":[],"mappings":";AAKA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAqBnB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CA0B5B,CAAA"}

package/lib/core/Table/Table.stories.js

@@ -0,0 +1,83 @@
+import Table from '.';
+import Cell from './Cell';
+import Row from './Row';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Table',
+  component: Table
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsxs(Table, {
+    children: [/*#__PURE__*/_jsx("thead", {
+      children: /*#__PURE__*/_jsxs(Row, {
+        children: [/*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 1"
+        }), /*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 2"
+        }), /*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 3"
+        })]
+      })
+    }), /*#__PURE__*/_jsx("tbody", {
+      children: /*#__PURE__*/_jsxs(Row, {
+        children: [/*#__PURE__*/_jsx(Cell, {
+          centerAlign: true,
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          children: "Content"
+        })]
+      })
+    })]
+  }),
+  name: 'Default'
+};
+export const SeveralArgsTable = {
+  render: () => /*#__PURE__*/_jsxs(Table, {
+    children: [/*#__PURE__*/_jsx("thead", {
+      children: /*#__PURE__*/_jsxs(Row, {
+        border: true,
+        children: [/*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 1"
+        }), /*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 2"
+        }), /*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 3"
+        })]
+      })
+    }), /*#__PURE__*/_jsxs("tbody", {
+      children: [/*#__PURE__*/_jsxs(Row, {
+        danger: true,
+        children: [/*#__PURE__*/_jsx(Cell, {
+          startAlign: true,
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          centerAlign: true,
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          endAlign: true,
+          children: "Content"
+        })]
+      }), /*#__PURE__*/_jsxs(Row, {
+        success: true,
+        children: [/*#__PURE__*/_jsx(Cell, {
+          truncate: true,
+          children: "Alot of content goes here, is it to much??"
+        }), /*#__PURE__*/_jsx(Cell, {
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          children: "Content"
+        })]
+      })]
+    })]
+  }),
+  name: 'Several ArgsTable'
+};

package/lib/core/Table/index.js

@@ -3,12 +3,10 @@ import { TableWrapper } from './styles';
 import Cell from './Cell';
 import Row from './Row';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Table = props => {
   return /*#__PURE__*/_jsx(TableWrapper, {
     children: props.children
   });
 };
-
 export { Cell, Row };
 export default Table;

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

@@ -9,19 +9,19 @@ export declare const TableBodyWrapper: import("@emotion/styled").StyledComponent
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
 export declare const styles: {
-    cell_defaults: import("@emotion/react").SerializedStyles;
-    row_defaults: import("@emotion/react").SerializedStyles;
-    row_border: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    row_danger: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    row_info: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    row_muted: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    row_notice: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    row_success: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    row_warning: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    cell_right: import("@emotion/react").SerializedStyles;
-    cell_left: import("@emotion/react").SerializedStyles;
-    cell_center: import("@emotion/react").SerializedStyles;
-    cell_truncate: import("@emotion/react").SerializedStyles;
-    cell_wrap: import("@emotion/react").SerializedStyles;
+    cell_defaults: import("@emotion/utils").SerializedStyles;
+    row_defaults: import("@emotion/utils").SerializedStyles;
+    row_border: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    row_danger: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    row_info: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    row_muted: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    row_notice: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    row_success: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    row_warning: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    cell_right: import("@emotion/utils").SerializedStyles;
+    cell_left: import("@emotion/utils").SerializedStyles;
+    cell_center: import("@emotion/utils").SerializedStyles;
+    cell_truncate: import("@emotion/utils").SerializedStyles;
+    cell_wrap: import("@emotion/utils").SerializedStyles;
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/Table/styles.js

@@ -1,9 +1,7 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
-export const TableWrapper = _styled("table", process.env.NODE_ENV === "production" ? {
+export const TableWrapper = /*#__PURE__*/_styled("table", process.env.NODE_ENV === "production" ? {
   target: "e1hlre5g1"
 } : {
   target: "e1hlre5g1",
@@ -17,7 +15,7 @@ export const TableWrapper = _styled("table", process.env.NODE_ENV === "productio
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYmxlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFibGUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC50YWJsZWBcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQm9keVdyYXBwZXIgPSBzdHlsZWQudGJvZHlgYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBjZWxsX2RlZmF1bHRzOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICBwYWRkaW5nOiA1cHggMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxNnB4O1xuICBgLFxuICByb3dfZGVmYXVsdHM6IGNzc2BgLFxuICByb3dfYm9yZGVyOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLnByaW1hcnl9O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLnByaW1hcnl9O1xuICBgLFxuICByb3dfZGFuZ2VyOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICBgLFxuICByb3dfaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm99O1xuICBgLFxuICByb3dfbXV0ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gIGAsXG4gIHJvd19ub3RpY2U6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MTB9O1xuICBgLFxuICByb3dfc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICBgLFxuICByb3dfd2FybmluZzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmFsZXJ0TGlnaHR9O1xuICBgLFxuICBjZWxsX3JpZ2h0OiBjc3NgXG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIGAsXG4gIGNlbGxfbGVmdDogY3NzYFxuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gIGAsXG4gIGNlbGxfY2VudGVyOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBgLFxuICBjZWxsX3RydW5jYXRlOiBjc3NgXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgICBvdmVyZmxvdzogaW5oZXJpdDtcbiAgICAgIHdoaXRlLXNwYWNlOiBpbmhlcml0O1xuICAgICAgd29yZC13cmFwOiBicmVhay13b3JkO1xuICAgIH1cbiAgYCxcbiAgY2VsbF93cmFwOiBjc3NgXG4gICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gIGAsXG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const TableBodyWrapper = _styled("tbody", process.env.NODE_ENV === "production" ? {
+export const TableBodyWrapper = /*#__PURE__*/_styled("tbody", process.env.NODE_ENV === "production" ? {
   target: "e1hlre5g0"
 } : {
   target: "e1hlre5g0",

package/lib/core/Tag/Tag.stories.d.ts

@@ -0,0 +1,59 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Neutral: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Success: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Info: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Danger: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Dark: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Light: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Outline: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithClose: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithLoading: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithCloseAndStrictClick: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithCloseLoadingAndStrictClick: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithCloseAndStrictClickWithColor: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithIcon: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Tag.stories.d.ts.map

package/lib/core/Tag/Tag.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/Tag.stories.tsx"],"names":[],"mappings":";AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,0BAA0B;;;CAOtC,CAAA;AAED,eAAO,MAAM,iCAAiC;;;CAO7C,CAAA;AAED,eAAO,MAAM,mCAAmC;;;CAO/C,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}

package/lib/core/Tag/Tag.stories.js

@@ -0,0 +1,112 @@
+import Tag from '.';
+import IconComment from '../../icons/General/IconComment';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Tag',
+  component: Tag
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    children: "Here"
+  }),
+  name: 'Default'
+};
+export const Neutral = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    neutral: true,
+    children: "Here"
+  }),
+  name: 'Neutral'
+};
+export const Success = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    success: true,
+    children: "Here"
+  }),
+  name: 'Success'
+};
+export const Info = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    info: true,
+    children: "Here"
+  }),
+  name: 'Info'
+};
+export const Danger = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    danger: true,
+    children: "Here"
+  }),
+  name: 'Danger'
+};
+export const Dark = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    dark: true,
+    children: "Here"
+  }),
+  name: 'Dark'
+};
+export const Light = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    light: true,
+    children: "Here"
+  }),
+  name: 'Light'
+};
+export const Outline = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    outline: true,
+    children: "There"
+  }),
+  name: 'Outline'
+};
+export const TagWithClose = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    withclose: true,
+    onClick: () => console.log('close'),
+    children: "Here"
+  }),
+  name: 'Tag with close'
+};
+export const TagWithLoading = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    loading: true,
+    children: "Here"
+  }),
+  name: 'Tag with loading'
+};
+export const TagWithCloseAndStrictClick = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    strictClose: true,
+    onClick: () => console.log('close'),
+    children: "Here"
+  }),
+  name: 'Tag with close and strict click'
+};
+export const TagWithCloseLoadingAndStrictClick = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    strictClose: true,
+    loading: true,
+    onClick: () => console.log('close'),
+    children: "Here"
+  }),
+  name: 'Tag with close, loading and strict click'
+};
+export const TagWithCloseAndStrictClickWithColor = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    strictClose: true,
+    closeColor: "red",
+    onClick: () => console.log('close'),
+    children: "Here"
+  }),
+  name: 'Tag with close and strict click with color'
+};
+export const WithIcon = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    icon: /*#__PURE__*/_jsx(IconComment, {
+      size: 14
+    }),
+    children: "3"
+  }),
+  name: 'With icon'
+};

package/lib/core/Tag/index.js

@@ -7,7 +7,6 @@ import Spinner from '../Spinner';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Tag = ({
   icon,
   trackingEvent,
@@ -41,5 +40,4 @@ const Tag = ({
     })]
   });
 };
-
 export default Tag;