@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/core/BoxedTable/HeaderCell/styles.js

@@ -1,17 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.SortButtonStyle = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "em75g8f0"
-} : {
-  target: "em75g8f0",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;justify-self:", props.justify, ";font-size:14px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const SortButtonStyle = active => /*#__PURE__*/(0, _react.css)("font-weight:600;opacity:", active ? '1' : '0.5', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SortButtonStyle;"));
-exports.SortButtonStyle = SortButtonStyle;
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+export const Wrapper = styled.div((props) => css `
+    display: flex;
+    justify-self: ${props.justify};
+    font-size: 14px;
+    align-items: center;
+  `);
+export const SortButtonStyle = (active) => css `
+  font-weight: 600;
+  opacity: ${active ? '1' : '0.5'};
+`;

package/lib/core/BoxedTable/RowCell/index.d.ts

@@ -24,4 +24,3 @@ interface IProps {
 }
 declare const RowCell: React.FC<IProps>;
 export default RowCell;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/BoxedTable/RowCell/index.js

@@ -1,35 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const RowCell = ({
-  align = 'left',
-  mobileTitle,
-  children,
-  breakWord,
-  pLeft,
-  pRight,
-  size,
-  ellipsis,
-  title,
-  className
-}) => {
-  const justify = align === 'right' ? 'flex-end' : align;
-  return (0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    className: `${className ? className + ' ' : ''}table-cell`,
-    "data-title": mobileTitle ? mobileTitle + ':' : null,
-    css: [mobileTitle && _styles.styles.beforeStyle(size), breakWord && _styles.styles.breakWord, pLeft && _styles.styles.paddingLeft(pLeft), pRight && _styles.styles.paddingRight(pRight), size && _styles.styles.setFontSize(size), ellipsis && _styles.styles.ellipsis, align === 'center' && _styles.styles.textcenter, process.env.NODE_ENV === "production" ? "" : ";label:RowCell;"],
-    justify: justify,
-    title: title,
-    children: children
-  });
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { styles, Wrapper } from './styles';
+const RowCell = ({ align = 'left', mobileTitle, children, breakWord, pLeft, pRight, size, ellipsis, title, className, }) => {
+    const justify = align === 'right' ? 'flex-end' : align;
+    return (_jsx(Wrapper, { className: `${className ? className + ' ' : ''}table-cell`, "data-title": mobileTitle ? mobileTitle + ':' : null, css: [
+            mobileTitle && styles.beforeStyle(size),
+            breakWord && styles.breakWord,
+            pLeft && styles.paddingLeft(pLeft),
+            pRight && styles.paddingRight(pRight),
+            size && styles.setFontSize(size),
+            ellipsis && styles.ellipsis,
+            align === 'center' && styles.textcenter,
+        ], justify: justify, title: title, children: children }));
 };
-var _default = exports.default = RowCell;
+export default RowCell;

package/lib/core/BoxedTable/RowCell/styles.d.ts

@@ -9,4 +9,3 @@ export declare const styles: {
     textcenter: import("@emotion/react").SerializedStyles;
 };
 export declare const SortButtonStyle: import("@emotion/react").SerializedStyles;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/BoxedTable/RowCell/styles.js

@@ -1,54 +1,49 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.Wrapper = exports.SortButtonStyle = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e10t3jyv0"
-} : {
-  target: "e10t3jyv0",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;justify-self:", props.justify, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const styles = exports.styles = {
-  beforeStyle: size => /*#__PURE__*/(0, _react.css)("&::before{content:attr(data-title);font-weight:600;font-family:'Source Sans Pro',sans-serif;font-size:", size ? size : '16px', ";margin-right:5px;display:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:beforeStyle;")),
-  breakWord: process.env.NODE_ENV === "production" ? {
-    name: "7zraa8",
-    styles: "word-break:break-word;&>*{word-break:break-word;}"
-  } : {
-    name: "j7ij0c-breakWord",
-    styles: "word-break:break-word;&>*{word-break:break-word;};label:breakWord;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  paddingRight: value => /*#__PURE__*/(0, _react.css)("padding-right:", value, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:paddingRight;")),
-  paddingLeft: value => /*#__PURE__*/(0, _react.css)("padding-left:", value, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:paddingLeft;")),
-  setFontSize: value => /*#__PURE__*/(0, _react.css)("font-size:", value, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:setFontSize;")),
-  ellipsis: process.env.NODE_ENV === "production" ? {
-    name: "1tbxv1m",
-    styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block"
-  } : {
-    name: "fiyexg-ellipsis",
-    styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;label:ellipsis;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  textcenter: process.env.NODE_ENV === "production" ? {
-    name: "1azakc",
-    styles: "text-align:center"
-  } : {
-    name: "vuttib-textcenter",
-    styles: "text-align:center;label:textcenter;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+export const Wrapper = styled.div((props) => css `
+    display: flex;
+    justify-self: ${props.justify};
+  `);
+export const styles = {
+    beforeStyle: (size) => css `
+    &::before {
+      content: attr(data-title);
+      font-weight: 600;
+      font-family: 'Source Sans Pro', sans-serif;
+      font-size: ${size ? size : '16px'};
+      margin-right: 5px;
+      display: none;
+    }
+  `,
+    breakWord: css `
+    word-break: break-word;
+    & > * {
+      word-break: break-word;
+    }
+  `,
+    paddingRight: (value) => css `
+    padding-right: ${value} !important;
+  `,
+    paddingLeft: (value) => css `
+    padding-left: ${value} !important;
+  `,
+    setFontSize: (value) => css `
+    font-size: ${value};
+  `,
+    ellipsis: css `
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+    display: block;
+  `,
+    textcenter: css `
+    text-align: center;
+  `,
 };
-const SortButtonStyle = exports.SortButtonStyle = process.env.NODE_ENV === "production" ? {
-  name: "dw9y0j",
-  styles: "&>span{font-weight:600;opacity:0.5;}"
-} : {
-  name: "1w1k47i-SortButtonStyle",
-  styles: "&>span{font-weight:600;opacity:0.5;};label:SortButtonStyle;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
+export const SortButtonStyle = css `
+  & > span {
+    font-weight: 600;
+    opacity: 0.5;
+  }
+`;

package/lib/core/BoxedTable/TableHeader/index.d.ts

@@ -5,4 +5,3 @@ interface IProps {
 }
 declare const TableHeader: React.FC<IProps>;
 export default TableHeader;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/BoxedTable/TableHeader/index.js

@@ -1,19 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TableHeader = ({
-  children
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    className: "table-header",
-    children: children
-  });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Wrapper } from './styles';
+const TableHeader = ({ children }) => {
+    return _jsx(Wrapper, { className: "table-header", children: children });
 };
-var _default = exports.default = TableHeader;
+export default TableHeader;

package/lib/core/BoxedTable/TableHeader/styles.d.ts

@@ -2,4 +2,3 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/BoxedTable/TableHeader/styles.js

@@ -1,22 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1ssyw4v0"
-} : {
-  target: "e1ssyw4v0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "8gkei0",
-  styles: "display:grid;grid-auto-flow:column;min-height:calc(40px - 1em);align-content:center"
-} : {
-  name: "8gkei0",
-  styles: "display:grid;grid-auto-flow:column;min-height:calc(40px - 1em);align-content:center",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import styled from '@emotion/styled';
+export const Wrapper = styled.div `
+  display: grid;
+  grid-auto-flow: column;
+  min-height: calc(40px - 1em);
+  align-content: center;
+`;

package/lib/core/BoxedTable/TableRow/index.d.ts

@@ -17,4 +17,3 @@ interface IProps {
 }
 declare const TableRow: React.FC<IProps>;
 export default TableRow;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/BoxedTable/TableRow/index.js

@@ -1,72 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Keyboard = require("../../../enums/Keyboard");
-var _IconChevronDown = _interopRequireDefault(require("../../../icons/General/IconChevronDown"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TableRow = ({
-  onClick,
-  expandable,
-  expandableContent,
-  defaultExpanded,
-  trackingEvent,
-  trackingName,
-  children
-}) => {
-  const [expanded, setExpanded] = (0, _react.useState)(!!defaultExpanded);
-  const handleKeyPress = isExpand => e => {
-    if (e.key === _Keyboard.Key.enter || e.key === _Keyboard.Key.space) {
-      e.preventDefault();
-      isExpand ? setExpanded(!expanded) : onClick && onClick(e);
-    }
-  };
-  const ButtonContent = children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ButtonWrapper, {
-    onClick: onClick,
-    className: "table-row-button",
-    "data-tracking-name": trackingName,
-    "data-tracking-event": trackingEvent,
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: handleKeyPress(false),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: children
-    })
-  });
-  const ExpandableContent = children && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ExpandableWrapper, {
-    className: "table-row-expandable",
-    role: "button",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ExpandButtonWrapper, {
-      onClick: () => setExpanded(!expanded),
-      onKeyDown: handleKeyPress(true),
-      tabIndex: 0,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconWrapper, {
-        className: "expand-icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconChevronDown.default, {
-          flipVertical: expanded,
-          size: "12px"
-        })
-      })]
-    }), expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ExpandableContentWrapper, {
-      className: "expandable-content",
-      children: expandableContent
-    }) : null]
-  });
-  const Content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    className: "table-row",
-    children: children
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-    children: expandable ? ExpandableContent : onClick ? ButtonContent : Content
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState } from 'react';
+import { Key } from '../../../enums/Keyboard';
+import IconChevronDown from '../../../icons/General/IconChevronDown';
+import { ButtonWrapper, ExpandableContentWrapper, ExpandableWrapper, ExpandButtonWrapper, IconWrapper, Wrapper, } from './styles';
+const TableRow = ({ onClick, expandable, expandableContent, defaultExpanded, trackingEvent, trackingName, children, }) => {
+    const [expanded, setExpanded] = useState(!!defaultExpanded);
+    const handleKeyPress = (isExpand) => (e) => {
+        if (e.key === Key.enter || e.key === Key.space) {
+            e.preventDefault();
+            isExpand ? setExpanded(!expanded) : onClick && onClick(e);
+        }
+    };
+    const ButtonContent = children && (_jsx(ButtonWrapper, { onClick: onClick, className: "table-row-button", "data-tracking-name": trackingName, "data-tracking-event": trackingEvent, role: "button", tabIndex: 0, onKeyDown: handleKeyPress(false), children: _jsx("span", { children: children }) }));
+    const ExpandableContent = children && (_jsxs(ExpandableWrapper, { className: "table-row-expandable", role: "button", children: [_jsxs(ExpandButtonWrapper, { onClick: () => setExpanded(!expanded), onKeyDown: handleKeyPress(true), tabIndex: 0, children: [_jsx("span", { children: children }), _jsx(IconWrapper, { className: "expand-icon", children: _jsx(IconChevronDown, { flipVertical: expanded, size: "12px" }) })] }), expanded ? (_jsx(ExpandableContentWrapper, { className: "expandable-content", children: expandableContent })) : null] }));
+    const Content = _jsx(Wrapper, { className: "table-row", children: children });
+    return (_jsx(Fragment, { children: expandable ? ExpandableContent : onClick ? ButtonContent : Content }));
 };
-var _default = exports.default = TableRow;
+export default TableRow;

package/lib/core/BoxedTable/TableRow/styles.d.ts

@@ -22,4 +22,3 @@ export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/BoxedTable/TableRow/styles.js

@@ -1,76 +1,65 @@
-"use strict";
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+const style = css `
+  display: grid;
+  grid-auto-flow: column;
+  background-color: #ffffff;
+  align-content: center;
+  align-items: center;
+`;
+const outlinestyle = css `
+  outline: 1px dotted #212121;
+  outline: 5px auto -webkit-focus-ring-color;
+`;
+export const Wrapper = styled.div `
+  ${style}
+`;
+export const ButtonWrapper = styled.div `
+  cursor: pointer;
+  display: flex;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.IconWrapper = exports.ExpandableWrapper = exports.ExpandableContentWrapper = exports.ExpandButtonWrapper = exports.ButtonWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const style = process.env.NODE_ENV === "production" ? {
-  name: "19fnwux",
-  styles: "display:grid;grid-auto-flow:column;background-color:#ffffff;align-content:center;align-items:center"
-} : {
-  name: "1bxdxz4-style",
-  styles: "display:grid;grid-auto-flow:column;background-color:#ffffff;align-content:center;align-items:center;label:style;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const outlinestyle = process.env.NODE_ENV === "production" ? {
-  name: "1d1mls9",
-  styles: "outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color"
-} : {
-  name: "1o1kwhm-outlinestyle",
-  styles: "outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;label:outlinestyle;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pwey9c5"
-} : {
-  target: "e1pwey9c5",
-  label: "Wrapper"
-})(style, ";");
-const ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pwey9c4"
-} : {
-  target: "e1pwey9c4",
-  label: "ButtonWrapper"
-})("cursor:pointer;display:flex;&>span{", style, " width:100%;text-align:initial;font-weight:normal;color:unset;}&:focus-visible{", outlinestyle, ";}");
-const ExpandButtonWrapper = exports.ExpandButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pwey9c3"
-} : {
-  target: "e1pwey9c3",
-  label: "ExpandButtonWrapper"
-})("position:relative;cursor:pointer;display:flex;&>span{display:grid;grid-auto-flow:column;align-content:center;align-items:center;width:100%;text-align:initial;font-weight:normal;color:unset;}&:focus-visible{", outlinestyle, " svg:last-of-type{", outlinestyle, ";}}");
-const ExpandableWrapper = exports.ExpandableWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pwey9c2"
-} : {
-  target: "e1pwey9c2",
-  label: "ExpandableWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cuahnq",
-  styles: "display:grid;background-color:#ffffff"
-} : {
-  name: "1cuahnq",
-  styles: "display:grid;background-color:#ffffff",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ExpandableContentWrapper = exports.ExpandableContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pwey9c1"
-} : {
-  target: "e1pwey9c1",
-  label: "ExpandableContentWrapper"
-})();
-const IconWrapper = exports.IconWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pwey9c0"
-} : {
-  target: "e1pwey9c0",
-  label: "IconWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1o54221",
-  styles: "position:absolute;top:calc(50% - 6px)"
-} : {
-  name: "1o54221",
-  styles: "position:absolute;top:calc(50% - 6px)",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  & > span {
+    ${style}
+    width: 100%;
+    text-align: initial;
+    font-weight: normal;
+    color: unset;
+  }
+
+  &:focus-visible {
+    ${outlinestyle}
+  }
+`;
+export const ExpandButtonWrapper = styled.div `
+  position: relative;
+  cursor: pointer;
+  display: flex;
+
+  & > span {
+    display: grid;
+    grid-auto-flow: column;
+    align-content: center;
+    align-items: center;
+    width: 100%;
+    text-align: initial;
+    font-weight: normal;
+    color: unset;
+  }
+
+  &:focus-visible {
+    ${outlinestyle}
+
+    svg:last-of-type {
+      ${outlinestyle}
+    }
+  }
+`;
+export const ExpandableWrapper = styled.div `
+  display: grid;
+  background-color: #ffffff;
+`;
+export const ExpandableContentWrapper = styled.div ``;
+export const IconWrapper = styled.div `
+  position: absolute;
+  top: calc(50% - 6px);
+`;

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

@@ -16,4 +16,3 @@ interface IProps {
 }
 declare const BoxedTable: React.FC<IProps>;
 export default BoxedTable;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/BoxedTable/index.js

@@ -1,56 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _react2 = require("@emotion/react");
-var _reactBeautifulDnd = require("react-beautiful-dnd");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BoxedTable = ({
-  columns,
-  breakpoint,
-  children,
-  type = 'default',
-  hasCheckbox = false,
-  onDrop
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const defaultProps = {
-    hasCheckbox: hasCheckbox,
-    columns: columns,
-    bp: breakpoint,
-    type: type,
-    theme: theme
-  };
-  const handleDrop = result => {
-    if (!result.destination || result.source.index === result.destination.index) return;
-    const dropped = {
-      id: result.draggableId,
-      from: result.source.index,
-      to: result.destination.index
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Wrapper } from './styles';
+import { useTheme } from '@emotion/react';
+import { DragDropContext, Droppable } from 'react-beautiful-dnd';
+const BoxedTable = ({ columns, breakpoint, children, type = 'default', hasCheckbox = false, onDrop, }) => {
+    const theme = useTheme();
+    const defaultProps = {
+        hasCheckbox: hasCheckbox,
+        columns: columns,
+        bp: breakpoint,
+        type: type,
+        theme: theme,
     };
-    onDrop && onDrop(dropped);
-  };
-  if (onDrop) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.DragDropContext, {
-    onDragEnd: handleDrop,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.Droppable, {
-      droppableId: "drop-list",
-      children: provided => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-        isDragList: true,
-        ...defaultProps,
-        ...provided.droppableProps,
-        ref: provided.innerRef,
-        children: [children, provided.placeholder]
-      })
-    })
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    ...defaultProps,
-    children: children
-  });
+    const handleDrop = (result) => {
+        if (!result.destination || result.source.index === result.destination.index)
+            return;
+        const dropped = {
+            id: result.draggableId,
+            from: result.source.index,
+            to: result.destination.index,
+        };
+        onDrop && onDrop(dropped);
+    };
+    if (onDrop)
+        return (_jsx(DragDropContext, { onDragEnd: handleDrop, children: _jsx(Droppable, { droppableId: "drop-list", children: (provided) => (_jsxs(Wrapper, { isDragList: true, ...defaultProps, ...provided.droppableProps, ref: provided.innerRef, children: [children, provided.placeholder] })) }) }));
+    return _jsx(Wrapper, { ...defaultProps, children: children });
 };
-var _default = exports.default = BoxedTable;
+export default BoxedTable;

package/lib/core/BoxedTable/models.d.ts

@@ -3,4 +3,3 @@ export interface IDrop {
     from: number;
     to: number;
 }
-//# sourceMappingURL=models.d.ts.map

package/lib/core/BoxedTable/models.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

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

@@ -12,4 +12,3 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 } & IStyledTableProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};
-//# sourceMappingURL=styles.d.ts.map