@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/LegacyDataTable/SpecificState/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":[null],"names":["SpecificStateContainer","styled","BaseContainer"],"mappings":"wOAkBA,MAAAA,EAAsBC,EAAAA,QAAAC,EAAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":[null],"names":["styled","BaseContainer","theme","Text"],"mappings":";;;;;;;;;;;AASA,MAAM,sBAAsB,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAKxC,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oFAAA,EAAA,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAInC,MAAM,gBAAgB,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAO9B,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAQ9C,MAAM,SAAS,GAAGF,uBAAM,CAACG,SAAI,CAAC;AAI9B,MAAM,YAAY,GAAGH,uBAAM,CAACG,SAAI,CAAC;;;;;;;"}

package/dist/components/LegacyDataTable/SpecificState/styled.d.ts

@@ -6,4 +6,3 @@ declare const EllipseContainer: import("styled-components").StyledComponent<"div
 declare const TitleText: import("styled-components").StyledComponent<"span", any, {} & import("../../Text/types").TextProps, never>;
 declare const SubTitleText: import("styled-components").StyledComponent<"span", any, {} & import("../../Text/types").TextProps, never>;
 export { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/LegacyDataTable/SpecificState/styled.js

@@ -1,26 +1,12 @@
-import t from"styled-components";import{theme as e}from"../../../theme/index.js";import{BaseContainer as i}from"../../BaseContainer/BaseContainer.js";import{Text as r}from"../../Text/Text.js";const n=t(i)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: ${t=>t.height}px;
-  background: white;
-`,o=t(i)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 120px;
-  height: 120px;
-  border-radius: 100px;
-  background: ${e.colors.neutral.grey.base};
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
+import { Text } from '../../Text/Text.js';
 
-  svg {
-    width: 64px !important;
-    height: 64px !important;
-  }
-`,p=t(r)`
-  margin-top: 24px;
-`,s=t(r)`
-  margin-top: 8px;
-`;export{o as EllipseContainer,n as SpecificStateContainer,s as SubTitleText,p as TitleText};
+const SpecificStateContainer = styled(BaseContainer).withConfig({ displayName: "vui--SpecificStateContainer", componentId: "vui--991hgo" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;height:${(props) => props.height}px;background:white;`;
+const EllipseContainer = styled(BaseContainer).withConfig({ displayName: "vui--EllipseContainer", componentId: "vui--1oi4ebm" }) `display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${theme.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`;
+const TitleText = styled(Text).withConfig({ displayName: "vui--TitleText", componentId: "vui--pj8i0k" }) `margin-top:24px;`;
+const SubTitleText = styled(Text).withConfig({ displayName: "vui--SubTitleText", componentId: "vui--19x6udv" }) `margin-top:8px;`;
+
+export { EllipseContainer, SpecificStateContainer, SubTitleText, TitleText };
 //# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/SpecificState/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":[null],"names":["SpecificStateContainer","styled","BaseContainer"],"mappings":"gMAkBA,MAAAA,EAAsBC,EAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA,MAAM,sBAAsB,GAAG,MAAM,CAAC,aAAa,CAAC,CAKxC,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oFAAA,EAAA,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAInC,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAO9B,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAQ9C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC;AAI9B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;;;;"}

package/dist/components/LegacyDataTable/StickyHeader.cjs

@@ -1,2 +1,41 @@
-"use strict";var e=require("react"),t=require("react-use"),r=require("./styled.cjs"),l=require("./utils/hooks.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var a=u(e);exports.StickyHeader=({renderHeader:u,tableRef:i,wrapperRef:o,isFixedLayout:s,wrapperStyle:n})=>{var d;const[c,f]=e.useState(null),{isSticky:p}=l.useStickyHeader(i,parseInt("string"==typeof(null==n?void 0:n.top)?null==n?void 0:n.top:`${null==n?void 0:n.top}`,10)),v=((null===(d=o.current)||void 0===d?void 0:d.getBoundingClientRect().width)||0)-2;t.useScroll(o);const y=e=>{var t;const r=(null===(t=o.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=r:c&&(c.scrollLeft=r)};return y(),p?a.default.createElement(r.StickyHeaderWrapper,{ref:e=>{f(e),y(e)},style:{width:v,...n}},a.default.createElement(r.FakeHeaderTable,{style:{tableLayout:s?"fixed":"auto"}},u())):null};
+'use strict';
+
+var React = require('react');
+var reactUse = require('react-use');
+var styled = require('./styled.cjs');
+var hooks = require('./utils/hooks.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const StickyHeader = ({ renderHeader, tableRef, wrapperRef, isFixedLayout, wrapperStyle, }) => {
+    var _a;
+    const [headerWrapperRef, setHeaderWrapperRef] = React.useState(null);
+    const { isSticky } = hooks.useStickyHeader(tableRef, parseInt(typeof (wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top) === 'string' ? wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top : `${wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top}`, 10));
+    // here we use 2, because we also have borders on each side by 1 px
+    const wrapperWidth = (((_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect().width) || 0) - 2;
+    // we use it just to re-render header to update scroll
+    // so we don't need to get any value from this hook
+    reactUse.useScroll(wrapperRef);
+    const updateScroll = (ref) => {
+        var _a;
+        const scrollLeft = ((_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.scrollLeft) || 0;
+        if (ref) {
+            // eslint-disable-next-line no-param-reassign
+            ref.scrollLeft = scrollLeft;
+            return;
+        }
+        if (headerWrapperRef)
+            headerWrapperRef.scrollLeft = scrollLeft;
+    };
+    updateScroll();
+    return isSticky ? (React__default.default.createElement(styled.StickyHeaderWrapper, { ref: (ref) => {
+            setHeaderWrapperRef(ref);
+            updateScroll(ref);
+        }, style: { width: wrapperWidth, ...wrapperStyle } },
+        React__default.default.createElement(styled.FakeHeaderTable, { style: { tableLayout: isFixedLayout ? 'fixed' : 'auto' } }, renderHeader()))) : null;
+};
+
+exports.StickyHeader = StickyHeader;
 //# sourceMappingURL=StickyHeader.cjs.map

package/dist/components/LegacyDataTable/StickyHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.cjs","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":[null],"names":["renderHeader","tableRef","wrapperRef","isFixedLayout","wrapperStyle","_a","headerWrapperRef","useState","isSticky","useStickyHeader","parseInt","top"],"mappings":"uMAQyB,EAAAA,eAAAC,WAAAC,aAAAC,gBAAAC,mBACvB,IAAYC,EACZ,MAAAC,KAAmCC,EAAAA,SAAA,OACnCC,SAAAA,GAAAC,EAAAA,gBAAAR,EAAAS,SAAA,iBAAAN,aAAA,EAAAA,EAAAO,KAAAP,aAAA,EAAAA,EAAAO,IAAA,GAAAP,aAAA,EAAAA,EAAAO,MAAA"}
+{"version":3,"file":"StickyHeader.cjs","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":[null],"names":["useState","useStickyHeader","useScroll","React","StickyHeaderWrapper","FakeHeaderTable"],"mappings":";;;;;;;;;;;AAaa,MAAA,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,GACU,KAAI;;IAC1B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC;IACrF,MAAM,EAAE,QAAQ,EAAE,GAAGC,qBAAe,CAClC,QAAQ,EACR,QAAQ,CACN,QAAO,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,CAAA,KAAK,QAAQ,GAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,GAAG,CAAG,EAAA,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,EAClF,EAAE,CACH,CACF;;AAGD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,qBAAqB,GAAG,KAAK,KAAI,CAAC,IAAI,CAAC;;;IAIjFC,kBAAS,CAAC,UAAU,CAAC;AAErB,IAAA,MAAM,YAAY,GAAG,CAAC,GAA2B,KAAI;;QACnD,MAAM,UAAU,GAAG,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,UAAU,KAAI,CAAC;AAEtD,QAAA,IAAI,GAAG,EAAE;;AAEP,YAAA,GAAG,CAAC,UAAU,GAAG,UAAU;YAC3B;AACD;AAED,QAAA,IAAI,gBAAgB;AAAE,YAAA,gBAAgB,CAAC,UAAU,GAAG,UAAU;AAChE,KAAC;AAED,IAAA,YAAY,EAAE;AAEd,IAAA,OAAO,QAAQ,IACbC,sBAAA,CAAA,aAAA,CAACC,0BAAmB,EAAA,EAClB,GAAG,EAAE,CAAC,GAAG,KAAI;YACX,mBAAmB,CAAC,GAAG,CAAC;YACxB,YAAY,CAAC,GAAG,CAAC;SAClB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,EAAA;QAE/CD,sBAAC,CAAA,aAAA,CAAAE,sBAAe,EAAC,EAAA,KAAK,EAAE,EAAE,WAAW,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,EAAE,EACtE,EAAA,YAAY,EAAE,CACC,CACE,IACpB,IAAI;AACV;;;;"}

package/dist/components/LegacyDataTable/StickyHeader.d.ts

@@ -8,4 +8,3 @@ type StickyHeaderPropTypes = {
 };
 export declare const StickyHeader: ({ renderHeader, tableRef, wrapperRef, isFixedLayout, wrapperStyle, }: StickyHeaderPropTypes) => React.JSX.Element | null;
 export {};
-//# sourceMappingURL=StickyHeader.d.ts.map

package/dist/components/LegacyDataTable/StickyHeader.js

@@ -1,2 +1,35 @@
-import t,{useState as e}from"react";import{useScroll as r}from"react-use";import{StickyHeaderWrapper as o,FakeHeaderTable as l}from"./styled.js";import{useStickyHeader as i}from"./utils/hooks.js";const n=({renderHeader:n,tableRef:s,wrapperRef:u,isFixedLayout:a,wrapperStyle:c})=>{var d;const[p,f]=e(null),{isSticky:m}=i(s,parseInt("string"==typeof(null==c?void 0:c.top)?null==c?void 0:c.top:`${null==c?void 0:c.top}`,10)),v=((null===(d=u.current)||void 0===d?void 0:d.getBoundingClientRect().width)||0)-2;r(u);const y=t=>{var e;const r=(null===(e=u.current)||void 0===e?void 0:e.scrollLeft)||0;t?t.scrollLeft=r:p&&(p.scrollLeft=r)};return y(),m?t.createElement(o,{ref:t=>{f(t),y(t)},style:{width:v,...c}},t.createElement(l,{style:{tableLayout:a?"fixed":"auto"}},n())):null};export{n as StickyHeader};
+import React, { useState } from 'react';
+import { useScroll } from 'react-use';
+import { StickyHeaderWrapper, FakeHeaderTable } from './styled.js';
+import { useStickyHeader } from './utils/hooks.js';
+
+const StickyHeader = ({ renderHeader, tableRef, wrapperRef, isFixedLayout, wrapperStyle, }) => {
+    var _a;
+    const [headerWrapperRef, setHeaderWrapperRef] = useState(null);
+    const { isSticky } = useStickyHeader(tableRef, parseInt(typeof (wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top) === 'string' ? wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top : `${wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top}`, 10));
+    // here we use 2, because we also have borders on each side by 1 px
+    const wrapperWidth = (((_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect().width) || 0) - 2;
+    // we use it just to re-render header to update scroll
+    // so we don't need to get any value from this hook
+    useScroll(wrapperRef);
+    const updateScroll = (ref) => {
+        var _a;
+        const scrollLeft = ((_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.scrollLeft) || 0;
+        if (ref) {
+            // eslint-disable-next-line no-param-reassign
+            ref.scrollLeft = scrollLeft;
+            return;
+        }
+        if (headerWrapperRef)
+            headerWrapperRef.scrollLeft = scrollLeft;
+    };
+    updateScroll();
+    return isSticky ? (React.createElement(StickyHeaderWrapper, { ref: (ref) => {
+            setHeaderWrapperRef(ref);
+            updateScroll(ref);
+        }, style: { width: wrapperWidth, ...wrapperStyle } },
+        React.createElement(FakeHeaderTable, { style: { tableLayout: isFixedLayout ? 'fixed' : 'auto' } }, renderHeader()))) : null;
+};
+
+export { StickyHeader };
 //# sourceMappingURL=StickyHeader.js.map

package/dist/components/LegacyDataTable/StickyHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.js","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":[null],"names":["StickyHeader","renderHeader","tableRef","wrapperRef","isFixedLayout","wrapperStyle","_a","headerWrapperRef","useState","isSticky","useStickyHeader","parseInt","top"],"mappings":"oMAQe,MAAAA,EAAU,EAAAC,eAAAC,WAAAC,aAAAC,gBAAAC,mBACvB,IAAYC,EACZ,MAAAC,KAAmCC,EAAA,OACnCC,SAAAA,GAAAC,EAAAR,EAAAS,SAAA,iBAAAN,aAAA,EAAAA,EAAAO,KAAAP,aAAA,EAAAA,EAAAO,IAAA,GAAAP,aAAA,EAAAA,EAAAO,MAAA"}
+{"version":3,"file":"StickyHeader.js","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAaa,MAAA,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,GACU,KAAI;;IAC1B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;IACrF,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,CAClC,QAAQ,EACR,QAAQ,CACN,QAAO,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,CAAA,KAAK,QAAQ,GAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,GAAG,CAAG,EAAA,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,EAClF,EAAE,CACH,CACF;;AAGD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,qBAAqB,GAAG,KAAK,KAAI,CAAC,IAAI,CAAC;;;IAIjF,SAAS,CAAC,UAAU,CAAC;AAErB,IAAA,MAAM,YAAY,GAAG,CAAC,GAA2B,KAAI;;QACnD,MAAM,UAAU,GAAG,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,UAAU,KAAI,CAAC;AAEtD,QAAA,IAAI,GAAG,EAAE;;AAEP,YAAA,GAAG,CAAC,UAAU,GAAG,UAAU;YAC3B;AACD;AAED,QAAA,IAAI,gBAAgB;AAAE,YAAA,gBAAgB,CAAC,UAAU,GAAG,UAAU;AAChE,KAAC;AAED,IAAA,YAAY,EAAE;AAEd,IAAA,OAAO,QAAQ,IACb,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAClB,GAAG,EAAE,CAAC,GAAG,KAAI;YACX,mBAAmB,CAAC,GAAG,CAAC;YACxB,YAAY,CAAC,GAAG,CAAC;SAClB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,EAAA;QAE/C,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,KAAK,EAAE,EAAE,WAAW,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,EAAE,EACtE,EAAA,YAAY,EAAE,CACC,CACE,IACpB,IAAI;AACV;;;;"}

package/dist/components/LegacyDataTable/cells/ClickableCell.cjs

@@ -1,5 +1,19 @@
-"use strict";var e=require("react"),t=require("styled-components"),l=require("../../../theme/index.cjs"),r=require("./styled.cjs"),c=require("../styled.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(e);const i=n(t).default(r.CellButton)`
-  color: ${l.theme.text.link.color};
-  text-decoration: ${l.theme.text.link.textDecoration};
-`;exports.ClickableCell=({onClick:e,children:t,...l})=>o.default.createElement(c.Cell,{...l},o.default.createElement(i,{onClick:e},t));
+'use strict';
+
+var React = require('react');
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+var styled$1 = require('./styled.cjs');
+var styled$2 = require('../styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const ClickableButton = styled__default.default(styled$1.CellButton).withConfig({ displayName: "vui--ClickableButton", componentId: "vui--1b7t5il" }) `color:${index.theme.text.link.color};text-decoration:${index.theme.text.link.textDecoration};`;
+const ClickableCell = ({ onClick, children, ...otherProps }) => (React__default.default.createElement(styled$2.Cell, { ...otherProps },
+    React__default.default.createElement(ClickableButton, { onClick: onClick }, children)));
+
+exports.ClickableCell = ClickableCell;
 //# sourceMappingURL=ClickableCell.cjs.map

package/dist/components/LegacyDataTable/cells/ClickableCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClickableCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":[null],"names":["ClickableButton","styled","CellButton","theme","text","link","color"],"mappings":"4NAcC,MAAAA,OAAAC,QAAAC,EAAAA,WAAA;WAEDC,QAAaC,KAAAC,KAAAC;;"}
+{"version":3,"file":"ClickableCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":[null],"names":["styled","CellButton","theme","React","Cell"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,eAAe,GAAGA,uBAAM,CAACC,mBAAU,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC/BC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CACX,iBAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAA,CAAA,CAClD;MAOY,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAsB,MACpFC,sBAAC,CAAA,aAAA,CAAAC,aAAI,OAAK,UAAU,EAAA;IAClBD,sBAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,OAAO,EAAE,OAAO,IAAG,QAAQ,CAAmB,CAC1D;;;;"}

package/dist/components/LegacyDataTable/cells/ClickableCell.d.ts

@@ -5,4 +5,3 @@ export interface ClickableCellProps extends CellProps {
     children: React.ReactNode;
 }
 export declare const ClickableCell: ({ onClick, children, ...otherProps }: ClickableCellProps) => React.JSX.Element;
-//# sourceMappingURL=ClickableCell.d.ts.map

package/dist/components/LegacyDataTable/cells/ClickableCell.js

@@ -1,5 +1,12 @@
-import t from"react";import e from"styled-components";import{theme as o}from"../../../theme/index.js";import{CellButton as r}from"./styled.js";import{Cell as m}from"../styled.js";const i=e(r)`
-  color: ${o.text.link.color};
-  text-decoration: ${o.text.link.textDecoration};
-`,n=({onClick:e,children:o,...r})=>t.createElement(m,{...r},t.createElement(i,{onClick:e},o));export{n as ClickableCell};
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+import { CellButton } from './styled.js';
+import { Cell } from '../styled.js';
+
+const ClickableButton = styled(CellButton).withConfig({ displayName: "vui--ClickableButton", componentId: "vui--1b7t5il" }) `color:${theme.text.link.color};text-decoration:${theme.text.link.textDecoration};`;
+const ClickableCell = ({ onClick, children, ...otherProps }) => (React.createElement(Cell, { ...otherProps },
+    React.createElement(ClickableButton, { onClick: onClick }, children)));
+
+export { ClickableCell };
 //# sourceMappingURL=ClickableCell.js.map

package/dist/components/LegacyDataTable/cells/ClickableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":[null],"names":["ClickableButton","styled","CellButton","theme","text","link","color"],"mappings":"mLAcC,MAAAA,EAAAC,EAAAC,EAAA;WAEDC,EAAaC,KAAAC,KAAAC;;"}
+{"version":3,"file":"ClickableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMA,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC/B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CACX,iBAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAA,CAAA,CAClD;MAOY,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAsB,MACpF,KAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;IAClB,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,OAAO,EAAE,OAAO,IAAG,QAAQ,CAAmB,CAC1D;;;;"}

package/dist/components/LegacyDataTable/cells/EditableCell.cjs

@@ -1,5 +1,19 @@
-"use strict";var e=require("react"),t=require("styled-components"),l=require("./styled.cjs"),r=require("../styled.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var d=n(e);const u=n(t).default.div`
-  text-align: inherit;
-  border-bottom: 1px dotted black;
-`;exports.EditableCell=({onClick:e,children:t,...n})=>d.default.createElement(r.Cell,{...n},d.default.createElement(l.CellButton,{onClick:e},d.default.createElement(u,null,t)));
+'use strict';
+
+var React = require('react');
+var styled = require('styled-components');
+var styled$2 = require('./styled.cjs');
+var styled$1 = require('../styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Content = styled__default.default.div.withConfig({ displayName: "vui--Content", componentId: "vui--n24x0f" }) `text-align:inherit;border-bottom:1px dotted black;`;
+const EditableCell = ({ onClick, children, ...otherProps }) => (React__default.default.createElement(styled$1.Cell, { ...otherProps },
+    React__default.default.createElement(styled$2.CellButton, { onClick: onClick },
+        React__default.default.createElement(Content, null, children))));
+
+exports.EditableCell = EditableCell;
 //# sourceMappingURL=EditableCell.cjs.map

package/dist/components/LegacyDataTable/cells/EditableCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":[null],"names":["Content","styled","div"],"mappings":"sLAYE,MAAAA,OAAUC,QAAMC,GAAA;;;"}
+{"version":3,"file":"EditableCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":[null],"names":["styled","React","Cell","CellButton"],"mappings":";;;;;;;;;;;;AAKA,MAAM,OAAO,GAAGA,uBAAM,CAAC,GAAG,6HAGzB;MAOY,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAqB,MAClFC,sBAAC,CAAA,aAAA,CAAAC,aAAI,OAAK,UAAU,EAAA;AAClB,IAAAD,sBAAA,CAAA,aAAA,CAACE,mBAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA;AAC1B,QAAAF,sBAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CAClB,CACR;;;;"}

package/dist/components/LegacyDataTable/cells/EditableCell.d.ts

@@ -5,4 +5,3 @@ export interface EditableCellProps extends CellProps {
     children: React.ReactNode;
 }
 export declare const EditableCell: ({ onClick, children, ...otherProps }: EditableCellProps) => React.JSX.Element;
-//# sourceMappingURL=EditableCell.d.ts.map

package/dist/components/LegacyDataTable/cells/EditableCell.js

@@ -1,5 +1,12 @@
-import t from"react";import e from"styled-components";import{CellButton as o}from"./styled.js";import{Cell as r}from"../styled.js";const l=e.div`
-  text-align: inherit;
-  border-bottom: 1px dotted black;
-`,m=({onClick:e,children:m,...n})=>t.createElement(r,{...n},t.createElement(o,{onClick:e},t.createElement(l,null,m)));export{m as EditableCell};
+import React from 'react';
+import styled from 'styled-components';
+import { CellButton } from './styled.js';
+import { Cell } from '../styled.js';
+
+const Content = styled.div.withConfig({ displayName: "vui--Content", componentId: "vui--n24x0f" }) `text-align:inherit;border-bottom:1px dotted black;`;
+const EditableCell = ({ onClick, children, ...otherProps }) => (React.createElement(Cell, { ...otherProps },
+    React.createElement(CellButton, { onClick: onClick },
+        React.createElement(Content, null, children))));
+
+export { EditableCell };
 //# sourceMappingURL=EditableCell.js.map

package/dist/components/LegacyDataTable/cells/EditableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":[null],"names":["Content","styled","div"],"mappings":"mIAYE,MAAAA,EAAUC,EAAMC,GAAA;;;"}
+{"version":3,"file":"EditableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAKA,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,6HAGzB;MAOY,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAqB,MAClF,KAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;AAClB,IAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA;AAC1B,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CAClB,CACR;;;;"}

package/dist/components/LegacyDataTable/cells/SkeletonCell.cjs

@@ -1,2 +1,18 @@
-"use strict";var e=require("react"),t=require("../styled.cjs"),l=require("../SkeletonContent/SkeletonContent.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var r=n(e);const o=({style:e,...n})=>r.default.createElement(t.Cell,{...n},r.default.createElement(l.SkeletonContent,{style:e}));o.defaultProps={style:{}},exports.SkeletonCell=o;
+'use strict';
+
+var React = require('react');
+var styled = require('../styled.cjs');
+var SkeletonContent = require('../SkeletonContent/SkeletonContent.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const SkeletonCell = ({ style, ...otherProps }) => (React__default.default.createElement(styled.Cell, { ...otherProps },
+    React__default.default.createElement(SkeletonContent.SkeletonContent, { style: style })));
+SkeletonCell.defaultProps = {
+    style: {},
+};
+
+exports.SkeletonCell = SkeletonCell;
 //# sourceMappingURL=SkeletonCell.cjs.map

package/dist/components/LegacyDataTable/cells/SkeletonCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":[null],"names":["SkeletonCell","style","otherProps","React","default","createElement","Cell","SkeletonContent","defaultProps"],"mappings":"iLAKU,MAAAA,EAAc,EAAAC,WAAAC,KAAAC,EAAAC,QAAAC,cAAAC,EAAAA,KAAA,IAAAJ,GACvBC,EAAAC,QAAAC,cAAAE,EAAAA,gBAAA,CAAAN,MAAAA,KAEDD,EAAAQ,aAAyB"}
+{"version":3,"file":"SkeletonCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":[null],"names":["React","Cell","SkeletonContent"],"mappings":";;;;;;;;;;AAQa,MAAA,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,EAAqB,MACtEA,sBAAC,CAAA,aAAA,CAAAC,WAAI,OAAK,UAAU,EAAA;IAClBD,sBAAC,CAAA,aAAA,CAAAE,+BAAe,IAAC,KAAK,EAAE,KAAK,EAAI,CAAA,CAC5B;AAGT,YAAY,CAAC,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE,EAAE;CACV;;;;"}

package/dist/components/LegacyDataTable/cells/SkeletonCell.d.ts

@@ -9,4 +9,3 @@ export declare const SkeletonCell: {
         style: {};
     };
 };
-//# sourceMappingURL=SkeletonCell.d.ts.map

package/dist/components/LegacyDataTable/cells/SkeletonCell.js

@@ -1,2 +1,12 @@
-import e from"react";import{Cell as t}from"../styled.js";import{SkeletonContent as o}from"../SkeletonContent/SkeletonContent.js";const r=({style:r,...l})=>e.createElement(t,{...l},e.createElement(o,{style:r}));r.defaultProps={style:{}};export{r as SkeletonCell};
+import React from 'react';
+import { Cell } from '../styled.js';
+import { SkeletonContent } from '../SkeletonContent/SkeletonContent.js';
+
+const SkeletonCell = ({ style, ...otherProps }) => (React.createElement(Cell, { ...otherProps },
+    React.createElement(SkeletonContent, { style: style })));
+SkeletonCell.defaultProps = {
+    style: {},
+};
+
+export { SkeletonCell };
 //# sourceMappingURL=SkeletonCell.js.map

package/dist/components/LegacyDataTable/cells/SkeletonCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":[null],"names":["SkeletonCell","style","otherProps","React","createElement","Cell","SkeletonContent","defaultProps"],"mappings":"iIAKU,MAAAA,EAAc,EAAAC,WAAAC,KAAAC,EAAAC,cAAAC,EAAA,IAAAH,GACvBC,EAAAC,cAAAE,EAAA,CAAAL,MAAAA,KAEDD,EAAAO,aAAyB"}
+{"version":3,"file":"SkeletonCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAQa,MAAA,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,EAAqB,MACtE,KAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;IAClB,KAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,KAAK,EAAI,CAAA,CAC5B;AAGT,YAAY,CAAC,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE,EAAE;CACV;;;;"}

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.cjs

@@ -1,2 +1,15 @@
-"use strict";var e=require("react"),t=require("../styled.cjs"),l=require("../SkeletonContent/SkeletonContent.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var r=n(e);exports.SkeletonHeaderCell=({style:e,width:n,isLoading:a,...o})=>r.default.createElement(t.HeaderCell,{...o,style:{width:n}},r.default.createElement(l.SkeletonContent,{style:e,isLoading:a}));
+'use strict';
+
+var React = require('react');
+var styled = require('../styled.cjs');
+var SkeletonContent = require('../SkeletonContent/SkeletonContent.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const SkeletonHeaderCell = ({ style, width, isLoading, ...otherProps }) => (React__default.default.createElement(styled.HeaderCell, { ...otherProps, style: { width } },
+    React__default.default.createElement(SkeletonContent.SkeletonContent, { style: style, isLoading: isLoading })));
+
+exports.SkeletonHeaderCell = SkeletonHeaderCell;
 //# sourceMappingURL=SkeletonHeaderCell.cjs.map

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonHeaderCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":[null],"names":["style","width","isLoading","otherProps","React","default","createElement","HeaderCell","SkeletonContent"],"mappings":"4MAMyB,EAAAA,QAAAC,QAAAC,eAAAC,KAAAC,EAAAC,QAAAC,cAAAC,EAAAA,WAAA,IAAAJ,EAAAH,MAAA,CAAAC,UACvBG,UAASE,cAAUE,EAAAA,gBAAA,CAAAR,MAAAA,EAAAE,UAAAA"}
+{"version":3,"file":"SkeletonHeaderCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":[null],"names":["React","HeaderCell","SkeletonContent"],"mappings":";;;;;;;;;;AAUO,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,UAAU,EACe,MAC5BA,sBAAA,CAAA,aAAA,CAACC,iBAAU,EAAA,EAAA,GAAK,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AAC1C,IAAAD,sBAAA,CAAA,aAAA,CAACE,+BAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,CAC5C;;;;"}

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.d.ts

@@ -6,4 +6,3 @@ type SkeletonHeaderCellPropTypes = SkeletonCellProps & {
 };
 export declare const SkeletonHeaderCell: ({ style, width, isLoading, ...otherProps }: SkeletonHeaderCellPropTypes) => React.JSX.Element;
 export {};
-//# sourceMappingURL=SkeletonHeaderCell.d.ts.map

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.js

@@ -1,2 +1,9 @@
-import t from"react";import{HeaderCell as e}from"../styled.js";import{SkeletonContent as o}from"../SkeletonContent/SkeletonContent.js";const n=({style:n,width:r,isLoading:i,...s})=>t.createElement(e,{...s,style:{width:r}},t.createElement(o,{style:n,isLoading:i}));export{n as SkeletonHeaderCell};
+import React from 'react';
+import { HeaderCell } from '../styled.js';
+import { SkeletonContent } from '../SkeletonContent/SkeletonContent.js';
+
+const SkeletonHeaderCell = ({ style, width, isLoading, ...otherProps }) => (React.createElement(HeaderCell, { ...otherProps, style: { width } },
+    React.createElement(SkeletonContent, { style: style, isLoading: isLoading })));
+
+export { SkeletonHeaderCell };
 //# sourceMappingURL=SkeletonHeaderCell.js.map

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonHeaderCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":[null],"names":["SkeletonHeaderCell","style","width","isLoading","otherProps","React","createElement","HeaderCell","SkeletonContent"],"mappings":"uIAMS,MAAAA,EAAgB,EAAAC,QAAAC,QAAAC,eAAAC,KAAAC,EAAAC,cAAAC,EAAA,IAAAH,EAAAH,MAAA,CAAAC,UACvBG,EAASC,cAAUE,EAAA,CAAAP,MAAAA,EAAAE,UAAAA"}
+{"version":3,"file":"SkeletonHeaderCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAUO,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,UAAU,EACe,MAC5B,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AAC1C,IAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,CAC5C;;;;"}

package/dist/components/LegacyDataTable/cells/index.d.ts

@@ -1,4 +1,3 @@
 export { ClickableCell } from './ClickableCell';
 export { EditableCell } from './EditableCell';
 export { SkeletonCell } from './SkeletonCell';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/LegacyDataTable/cells/styled.cjs

@@ -1,21 +1,14 @@
-"use strict";var e=require("styled-components"),r=require("../../../theme/index.cjs");function t(e){return e&&e.__esModule?e:{default:e}}const n=t(e).default.button`
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  font: inherit;
+'use strict';
 
-  display: inline-block;
-  box-sizing: border-box;
-  width: calc(100% + 1.5rem);
-  margin: -0.75rem -0.75rem;
-  padding: 0.75rem 0.75rem;
-  text-align: inherit;
-  line-height: ${r.theme.sizes.base};
-  border-radius: ${r.theme.radius.base};
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
 
-  &:hover {
-    cursor: pointer;
-    background-color: ${r.theme.colors.secondary.blue.lightest};
-  }
-`;exports.CellButton=n;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+/* eslint-disable import/prefer-default-export */
+const CellButton = styled__default.default.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--1w0np52" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${index.theme.sizes.base};border-radius:${index.theme.radius.base};&:hover{cursor:pointer;background-color:${index.theme.colors.secondary.blue.lightest};}`;
+
+exports.CellButton = CellButton;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/cells/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":[null],"names":["styled","theme"],"mappings":";;;;;;;;;AAAA;AAKO,MAAM,UAAU,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtBC,WAAK,CAAC,KAAK,CAAC,IAAI,CACd,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,IAAI,CAIZ,yCAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/LegacyDataTable/cells/styled.d.ts

@@ -1,2 +1 @@
 export declare const CellButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/LegacyDataTable/cells/styled.js

@@ -1,21 +1,8 @@
-import r from"styled-components";import{theme as e}from"../../../theme/index.js";const o=r.button`
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  font: inherit;
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
 
-  display: inline-block;
-  box-sizing: border-box;
-  width: calc(100% + 1.5rem);
-  margin: -0.75rem -0.75rem;
-  padding: 0.75rem 0.75rem;
-  text-align: inherit;
-  line-height: ${e.sizes.base};
-  border-radius: ${e.radius.base};
+/* eslint-disable import/prefer-default-export */
+const CellButton = styled.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--1w0np52" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${theme.sizes.base};border-radius:${theme.radius.base};&:hover{cursor:pointer;background-color:${theme.colors.secondary.blue.lightest};}`;
 
-  &:hover {
-    cursor: pointer;
-    background-color: ${e.colors.secondary.blue.lightest};
-  }
-`;export{o as CellButton};
+export { CellButton };
 //# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/cells/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AAKO,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtB,KAAK,CAAC,KAAK,CAAC,IAAI,CACd,eAAA,EAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAIZ,yCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/LegacyDataTable/index.d.ts

@@ -1,2 +1 @@
 export { LegacyDataTable } from './LegacyDataTable';
-//# sourceMappingURL=index.d.ts.map