@veeqo/ui 9.0.0-beta-1 → 9.0.0-beta-3

package/dist/components/DataTable/components/Cell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.cjs","sources":["../../../../src/components/DataTable/components/Cell.ts"],"sourcesContent":[null],"names":["Cell","styled","td","withConfig","displayName","componentId","align","alignmentToFlex","spacing","defaultCellSpacing","theme","sizes","text","bodySmall","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","span","footerCellHeight","colors","secondary","blue","base","neutral","grey","lightest"],"mappings":"8PASS,MAAAA,OAAOC,QAAAC,GAAAC,WAAA,CAAAC,YAAA,YAAAC,YAAA,eAAA,mDAAA,EAAAC,QAAA,UAAAC,EAAAA,gBAAAD,mGAAA,EAAAE,UAAAC,EAAAA,sBAAAC,QAAAC,MAAAH,oBAAA,EAAAA,UAAAC,EAAAA,sBAAAC,EAAAA,MAAAC,MAAAH,YAAAE,QAAAE,KAAAC,UAAAC,qBAAAJ,EAAAA,MAAAE,KAAAC,UAAAE,wBAAAL,EAAAA,MAAAE,KAAAC,UAAAG,uBAAAN,EAAAA,MAAAE,KAAAC,UAAAI,yBAAAP,QAAAE,KAAAC,UAAAK,0BAAAR,EAAAA,MAAAE,KAAAC,UAAAM,8BAAA,EAAAC,OAAA,KAAA,QAAAA,0BAAAC,2CAAAX,EAAAA,MAAAY,OAAAC,UAAAC,KAAAC,yBAAAf,EAAAA,MAAAY,OAAAI,QAAAC,KAAAC"}
+{"version":3,"file":"Cell.cjs","sources":["../../../../src/components/DataTable/components/Cell.ts"],"sourcesContent":[null],"names":["Cell","styled","td"],"mappings":"8PASS,MAAAA,OAAOC,QAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/Cell.js

@@ -1,2 +1,30 @@
-import t from"styled-components";import{theme as o}from"../../../theme/index.js";import{alignmentToFlex as e}from"../utils/alignmentToFlex.js";import"../types.js";import"react";import{defaultCellSpacing as i,footerCellHeight as n}from"../constants.js";const l=t.td.withConfig({displayName:"vui--Cell",componentId:"vui--3tw1b6"})`display:flex;align-items:center;justify-content:${({align:t="left"})=>e(t)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:t=i})=>o.sizes[t]};padding-right:${({spacing:t=i})=>o.sizes[t]};color:${o.text.bodySmall.color};font-family:${o.text.bodySmall.fontFamily};font-size:${o.text.bodySmall.fontSize};font-style:${o.text.bodySmall.fontStyle};font-weight:${o.text.bodySmall.fontWeight};line-height:${o.text.bodySmall.lineHeight};grid-column-end:${({span:t=1})=>`span ${t}`};tfoot &{min-height:${n};border-top:1px solid ${o.colors.secondary.blue.base};background-color:${o.colors.neutral.grey.lightest};}`;export{l as Cell};
+import t from"styled-components";import{theme as o}from"../../../theme/index.js";import{alignmentToFlex as e}from"../utils/alignmentToFlex.js";import"../types.js";import"react";import{defaultCellSpacing as i,footerCellHeight as n}from"../constants.js";const l=t.td`
+  display: flex;
+  align-items: center;
+  justify-content: ${({align:t="left"})=>e(t)};
+
+  /* Styling */
+  background-color: white;
+  padding-bottom: var(--density);
+  padding-top: var(--density);
+  padding-left: ${({spacing:t=i})=>o.sizes[t]};
+  padding-right: ${({spacing:t=i})=>o.sizes[t]};
+
+  /* Content */
+  color: ${o.text.bodySmall.color};
+  font-family: ${o.text.bodySmall.fontFamily};
+  font-size: ${o.text.bodySmall.fontSize};
+  font-style: ${o.text.bodySmall.fontStyle};
+  font-weight: ${o.text.bodySmall.fontWeight};
+  line-height: ${o.text.bodySmall.lineHeight};
+
+  /* Grid */
+  grid-column-end: ${({span:t=1})=>`span ${t}`};
+
+  tfoot & {
+    min-height: ${n};
+    border-top: 1px solid ${o.colors.secondary.blue.base};
+    background-color: ${o.colors.neutral.grey.lightest};
+  }
+`;export{l as Cell};
 //# sourceMappingURL=Cell.js.map

package/dist/components/DataTable/components/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../src/components/DataTable/components/Cell.ts"],"sourcesContent":[null],"names":["Cell","styled","td","withConfig","displayName","componentId","align","alignmentToFlex","spacing","defaultCellSpacing","theme","sizes","text","bodySmall","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","span","footerCellHeight","colors","secondary","blue","base","neutral","grey","lightest"],"mappings":"4PASS,MAAAA,EAAOC,EAAAC,GAAAC,WAAA,CAAAC,YAAA,YAAAC,YAAA,eAAA,mDAAA,EAAAC,QAAA,UAAAC,EAAAD,mGAAA,EAAAE,UAAAC,KAAAC,EAAAC,MAAAH,oBAAA,EAAAA,UAAAC,KAAAC,EAAAC,MAAAH,YAAAE,EAAAE,KAAAC,UAAAC,qBAAAJ,EAAAE,KAAAC,UAAAE,wBAAAL,EAAAE,KAAAC,UAAAG,uBAAAN,EAAAE,KAAAC,UAAAI,yBAAAP,EAAAE,KAAAC,UAAAK,0BAAAR,EAAAE,KAAAC,UAAAM,8BAAA,EAAAC,OAAA,KAAA,QAAAA,0BAAAC,0BAAAX,EAAAY,OAAAC,UAAAC,KAAAC,yBAAAf,EAAAY,OAAAI,QAAAC,KAAAC"}
+{"version":3,"file":"Cell.js","sources":["../../../../src/components/DataTable/components/Cell.ts"],"sourcesContent":[null],"names":["Cell","styled","td"],"mappings":"4PASS,MAAAA,EAAOC,EAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/ColumnDivider.cjs

@@ -1,2 +1,22 @@
-"use strict";var e=require("react"),t=require("styled-components"),n=require("../../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var i=r(e);const d=r(t).default.div.withConfig({displayName:"vui--ResizerBar",componentId:"vui--by8xz0"})`position:absolute;right:0;top:37.5%;width:1px;background:${n.theme.colors.neutral.grey.dark};min-height:25%;cursor:col-resize;user-select:none;&::before{content:'';position:absolute;top:-150%;left:0;width:12px;min-height:400%;z-index:1;transform:translateX(-6px);}`;exports.ColumnDivider=({columnId:t,setColumnWidth:n,minWidth:r})=>{const a=e.createRef(),o=e=>{const{minTranslate:t,dragDivider:n,dragInitX:r}=window.tableHeaders,i=Math.max(e.clientX-(r||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${i}px)`},s=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:i}=n,d=null==i?void 0:i.getBoundingClientRect().width,a=i.querySelector(".headerContent").getBoundingClientRect().width,o=r&&a<r?r:a,s=(e.clientX||0)-(t||0);return Math.max((d||0)+s,o+24)},l=e=>{window.removeEventListener("mouseup",l),window.removeEventListener("dragend",l),window.removeEventListener("mousemove",o),window.removeEventListener("drag",o),null==n||n({columnId:t,width:s({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},w=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:a.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",l),window.addEventListener("dragend",l),window.addEventListener("mousemove",o),window.addEventListener("drag",o))};return i.default.createElement(d,{ref:a,className:"th-divider",onMouseDown:w,onDragStart:w})},exports.ResizerBar=d;
+"use strict";var e=require("react"),t=require("styled-components"),n=require("../../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var d=r(e);const i=r(t).default.div`
+  position: absolute;
+  right: 0;
+  top: 37.5%;
+  width: 1px;
+  background: ${n.theme.colors.neutral.grey.dark};
+  min-height: 25%;
+  cursor: col-resize;
+  user-select: none;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: -150%;
+    left: 0;
+    width: 12px;
+    min-height: 400%;
+    z-index: 1;
+    transform: translateX(-6px);
+  }
+`;exports.ColumnDivider=({columnId:t,setColumnWidth:n,minWidth:r})=>{const a=e.createRef(),o=e=>{const{minTranslate:t,dragDivider:n,dragInitX:r}=window.tableHeaders,d=Math.max(e.clientX-(r||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${d}px)`},s=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:d}=n,i=null==d?void 0:d.getBoundingClientRect().width,a=d.querySelector(".headerContent").getBoundingClientRect().width,o=r&&a<r?r:a,s=(e.clientX||0)-(t||0);return Math.max((i||0)+s,o+24)},l=e=>{window.removeEventListener("mouseup",l),window.removeEventListener("dragend",l),window.removeEventListener("mousemove",o),window.removeEventListener("drag",o),null==n||n({columnId:t,width:s({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},w=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:a.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",l),window.addEventListener("dragend",l),window.addEventListener("mousemove",o),window.addEventListener("drag",o))};return d.default.createElement(i,{ref:a,className:"th-divider",onMouseDown:w,onDragStart:w})},exports.ResizerBar=i;
 //# sourceMappingURL=ColumnDivider.cjs.map

package/dist/components/DataTable/components/ColumnDivider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnDivider.cjs","sources":["../../../../src/components/DataTable/components/ColumnDivider.tsx"],"sourcesContent":[null],"names":["ResizerBar","default","div","withConfig","displayName","componentId","theme","colors","neutral","grey","dark","columnId","setColumnWidth","minWidth","ref","createRef","mouseMove","dragDivider","dragInitX","window","tableHeaders","translate","Math","max","event","clientX","minTranslate","parentElement","classList","add","style","transform"],"mappings":"uKAMU,MAAAA,OAAWC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,eAAA,4DAAAC,QAAAC,OAAAC,QAAAC,KAAAC,yMACF,EAAAC,WAAmBC,iBAAAC,eACpC,MAAQC,EAAGC,EAAAA,YAGPC,MACC,qBAAaC,YAAAA,EAAAC,UAAAA,GAAAC,OAAAC,aAClBC,EAAAC,KAAAC,IAAAC,EAAAC,SAAAP,GAAA,GAAAQ,GAAA,GAEKT,EAAAU,cAAgBA,cAAAC,UAAAC,IAAA,qBAsBvBZ,EAAaa,MAAAC,UAAyD,cAAAV,MAAA,8QA5BpE,m1BAAA"}
+{"version":3,"file":"ColumnDivider.cjs","sources":["../../../../src/components/DataTable/components/ColumnDivider.tsx"],"sourcesContent":[null],"names":["ResizerBar","styled","div","theme","colors","neutral","grey","dark"],"mappings":"uKAMU,MAAAA,OAAWC,QAAAC,GAAA;;;;;kBAMFC,MAACC,OAAAC,QAAAC,KAAAC;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/ColumnDivider.js

@@ -1,2 +1,22 @@
-import e,{createRef as t}from"react";import n from"styled-components";import{theme as r}from"../../../theme/index.js";const i=n.div.withConfig({displayName:"vui--ResizerBar",componentId:"vui--by8xz0"})`position:absolute;right:0;top:37.5%;width:1px;background:${r.colors.neutral.grey.dark};min-height:25%;cursor:col-resize;user-select:none;&::before{content:'';position:absolute;top:-150%;left:0;width:12px;min-height:400%;z-index:1;transform:translateX(-6px);}`,d=({columnId:n,setColumnWidth:r,minWidth:d})=>{const a=t(),o=e=>{const{minTranslate:t,dragDivider:n,dragInitX:r}=window.tableHeaders,i=Math.max(e.clientX-(r||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${i}px)`},s=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:r}=n,i=null==r?void 0:r.getBoundingClientRect().width,a=r.querySelector(".headerContent").getBoundingClientRect().width,o=d&&a<d?d:a,s=(e.clientX||0)-(t||0);return Math.max((i||0)+s,o+24)},l=e=>{window.removeEventListener("mouseup",l),window.removeEventListener("dragend",l),window.removeEventListener("mousemove",o),window.removeEventListener("drag",o),null==r||r({columnId:n,width:s({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},w=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:a.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",l),window.addEventListener("dragend",l),window.addEventListener("mousemove",o),window.addEventListener("drag",o))};return e.createElement(i,{ref:a,className:"th-divider",onMouseDown:w,onDragStart:w})};export{d as ColumnDivider,i as ResizerBar};
+import e,{createRef as t}from"react";import n from"styled-components";import{theme as r}from"../../../theme/index.js";const d=n.div`
+  position: absolute;
+  right: 0;
+  top: 37.5%;
+  width: 1px;
+  background: ${r.colors.neutral.grey.dark};
+  min-height: 25%;
+  cursor: col-resize;
+  user-select: none;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: -150%;
+    left: 0;
+    width: 12px;
+    min-height: 400%;
+    z-index: 1;
+    transform: translateX(-6px);
+  }
+`,i=({columnId:n,setColumnWidth:r,minWidth:i})=>{const a=t(),o=e=>{const{minTranslate:t,dragDivider:n,dragInitX:r}=window.tableHeaders,d=Math.max(e.clientX-(r||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${d}px)`},s=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:r}=n,d=null==r?void 0:r.getBoundingClientRect().width,a=r.querySelector(".headerContent").getBoundingClientRect().width,o=i&&a<i?i:a,s=(e.clientX||0)-(t||0);return Math.max((d||0)+s,o+24)},l=e=>{window.removeEventListener("mouseup",l),window.removeEventListener("dragend",l),window.removeEventListener("mousemove",o),window.removeEventListener("drag",o),null==r||r({columnId:n,width:s({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},w=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:a.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",l),window.addEventListener("dragend",l),window.addEventListener("mousemove",o),window.addEventListener("drag",o))};return e.createElement(d,{ref:a,className:"th-divider",onMouseDown:w,onDragStart:w})};export{i as ColumnDivider,d as ResizerBar};
 //# sourceMappingURL=ColumnDivider.js.map

package/dist/components/DataTable/components/ColumnDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnDivider.js","sources":["../../../../src/components/DataTable/components/ColumnDivider.tsx"],"sourcesContent":[null],"names":["ResizerBar","styled","div","withConfig","displayName","componentId","theme","colors","neutral","grey","dark","ColumnDivider","columnId","setColumnWidth","minWidth","ref","createRef","mouseMove","dragDivider","dragInitX","window","tableHeaders","translate","Math","max","event","clientX","minTranslate","parentElement","classList","add","style","transform"],"mappings":"sHAMU,MAAAA,EAAWC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,eAAA,4DAAAC,EAAAC,OAAAC,QAAAC,KAAAC,mLACLC,EAAG,EAAAC,WAAmBC,iBAAAC,eACpC,MAAQC,EAAGC,IAGPC,MACC,qBAAaC,YAAAA,EAAAC,UAAAA,GAAAC,OAAAC,aAClBC,EAAAC,KAAAC,IAAAC,EAAAC,SAAAP,GAAA,GAAAQ,GAAA,GAEKT,EAAAU,cAAgBA,cAAAC,UAAAC,IAAA,qBAsBvBZ,EAAaa,MAAAC,UAAyD,cAAAV,MAAA,8QA5BpE,m1BAAA"}
+{"version":3,"file":"ColumnDivider.js","sources":["../../../../src/components/DataTable/components/ColumnDivider.tsx"],"sourcesContent":[null],"names":["ResizerBar","styled","div","colors","neutral","grey","dark"],"mappings":"sHAMU,MAAAA,EAAWC,EAAAC,GAAA;;;;;kBAMDC,OAAAC,QAAAC,KAAAC;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/ColumnHeader.cjs

@@ -1,2 +1,43 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var n=o(e);const i=n.default.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--1x79m95"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${t.theme.colors.neutral.ink.lightest};`,a=n.default.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--1kiwwja"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${t.theme.text.headingTable.color};font-family:${t.theme.text.headingTable.fontFamily};font-size:${t.theme.text.headingTable.fontSize};font-style:${t.theme.text.headingTable.fontStyle};font-weight:${t.theme.text.headingTable.fontWeight};line-height:${t.theme.text.headingTable.lineHeight};`,r=n.default(a).attrs((()=>({as:"button",type:"button"}))).withConfig({displayName:"vui--ClickableHeaderContent",componentId:"vui--p1ald0"})`appearance:none;padding:0;border:0;border-radius:4px;background-color:transparent;&:not(:disabled):hover{cursor:pointer;}&:hover ${i}{background-color:${t.theme.colors.neutral.grey.light};color:${t.theme.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${t.theme.colors.secondary.blue.light};}`;exports.ClickableHeaderContent=r,exports.HeaderContent=a,exports.SortIndicator=i;
+"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var n=o(e);const r=n.default.div`
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: white;
+  color: ${t.theme.colors.neutral.ink.lightest};
+`,a=n.default.span`
+  display: flex;
+  height: 28px;
+  align-items: center;
+  gap: 4px;
+  white-space: nowrap;
+
+  color: ${t.theme.text.headingTable.color};
+  font-family: ${t.theme.text.headingTable.fontFamily};
+  font-size: ${t.theme.text.headingTable.fontSize};
+  font-style: ${t.theme.text.headingTable.fontStyle};
+  font-weight: ${t.theme.text.headingTable.fontWeight};
+  line-height: ${t.theme.text.headingTable.lineHeight};
+`,i=n.default(a).attrs((()=>({as:"button",type:"button"})))`
+  appearance: none;
+  padding: 0;
+  border: 0;
+  border-radius: 4px;
+  background-color: transparent;
+
+  &:not(:disabled):hover {
+    cursor: pointer;
+  }
+
+  &:hover ${r} {
+    background-color: ${t.theme.colors.neutral.grey.light};
+    color: ${t.theme.colors.neutral.ink.base};
+  }
+
+  &:focus-visible {
+    outline: 0;
+    box-shadow: 0px 0px 0px 2px ${t.theme.colors.secondary.blue.light};
+  }
+`;exports.ClickableHeaderContent=i,exports.HeaderContent=a,exports.SortIndicator=r;
 //# sourceMappingURL=ColumnHeader.cjs.map

package/dist/components/DataTable/components/ColumnHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeader.cjs","sources":["../../../../src/components/DataTable/components/ColumnHeader.tsx"],"sourcesContent":[null],"names":["SortIndicator","styled","default","div","withConfig","displayName","componentId","theme","colors","neutral","ink","lightest"],"mappings":"oJA4BA,MAAAA,EAAmCC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAA,8GAAAC,QAAAC,OAAAC,QAAAC,IAAAC"}
+{"version":3,"file":"ColumnHeader.cjs","sources":["../../../../src/components/DataTable/components/ColumnHeader.tsx"],"sourcesContent":[null],"names":["SortIndicator","styled","div"],"mappings":"oJA4BA,MAAAA,EAAmCC,EAAAA,QAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/ColumnHeader.js

@@ -1,2 +1,43 @@
-import e from"styled-components";import{theme as t}from"../../../theme/index.js";const o=e.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--1x79m95"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${t.colors.neutral.ink.lightest};`,n=e.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--1kiwwja"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${t.text.headingTable.color};font-family:${t.text.headingTable.fontFamily};font-size:${t.text.headingTable.fontSize};font-style:${t.text.headingTable.fontStyle};font-weight:${t.text.headingTable.fontWeight};line-height:${t.text.headingTable.lineHeight};`,i=e(n).attrs((()=>({as:"button",type:"button"}))).withConfig({displayName:"vui--ClickableHeaderContent",componentId:"vui--p1ald0"})`appearance:none;padding:0;border:0;border-radius:4px;background-color:transparent;&:not(:disabled):hover{cursor:pointer;}&:hover ${o}{background-color:${t.colors.neutral.grey.light};color:${t.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${t.colors.secondary.blue.light};}`;export{i as ClickableHeaderContent,n as HeaderContent,o as SortIndicator};
+import e from"styled-components";import{theme as t}from"../../../theme/index.js";const o=e.div`
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: white;
+  color: ${t.colors.neutral.ink.lightest};
+`,n=e.span`
+  display: flex;
+  height: 28px;
+  align-items: center;
+  gap: 4px;
+  white-space: nowrap;
+
+  color: ${t.text.headingTable.color};
+  font-family: ${t.text.headingTable.fontFamily};
+  font-size: ${t.text.headingTable.fontSize};
+  font-style: ${t.text.headingTable.fontStyle};
+  font-weight: ${t.text.headingTable.fontWeight};
+  line-height: ${t.text.headingTable.lineHeight};
+`,i=e(n).attrs((()=>({as:"button",type:"button"})))`
+  appearance: none;
+  padding: 0;
+  border: 0;
+  border-radius: 4px;
+  background-color: transparent;
+
+  &:not(:disabled):hover {
+    cursor: pointer;
+  }
+
+  &:hover ${o} {
+    background-color: ${t.colors.neutral.grey.light};
+    color: ${t.colors.neutral.ink.base};
+  }
+
+  &:focus-visible {
+    outline: 0;
+    box-shadow: 0px 0px 0px 2px ${t.colors.secondary.blue.light};
+  }
+`;export{i as ClickableHeaderContent,n as HeaderContent,o as SortIndicator};
 //# sourceMappingURL=ColumnHeader.js.map

package/dist/components/DataTable/components/ColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeader.js","sources":["../../../../src/components/DataTable/components/ColumnHeader.tsx"],"sourcesContent":[null],"names":["SortIndicator","styled","div","withConfig","displayName","componentId","theme","colors","neutral","ink","lightest"],"mappings":"iFA4BA,MAAAA,EAAmCC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAA,8GAAAC,EAAAC,OAAAC,QAAAC,IAAAC"}
+{"version":3,"file":"ColumnHeader.js","sources":["../../../../src/components/DataTable/components/ColumnHeader.tsx"],"sourcesContent":[null],"names":["SortIndicator","styled","div"],"mappings":"iFA4BA,MAAAA,EAAmCC,EAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/EmptyBodyContent.cjs

@@ -1,2 +1,15 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var o=i(e);const n=o.default.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--klb9dq"})`padding-top:${t.theme.sizes.lg};padding-bottom:${t.theme.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${t.theme.sizes.md};`,d=o.default.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--12lmw1"})`padding:${t.theme.sizes.md};background-color:${t.theme.colors.neutral.grey.light};border-radius:${t.theme.radius.full};`;exports.EmptyBodyContent=n,exports.EmptyBodyGlyphWrapper=d;
+"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var d=r(e);const n=d.default.div`
+  padding-top: ${t.theme.sizes.lg};
+  padding-bottom: ${t.theme.sizes.lg};
+  grid-column: ${({columnCount:e})=>`1 / span ${e}`};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${t.theme.sizes.md};
+`,o=d.default.div`
+  padding: ${t.theme.sizes.md};
+  background-color: ${t.theme.colors.neutral.grey.light};
+  border-radius: ${t.theme.radius.full};
+`;exports.EmptyBodyContent=n,exports.EmptyBodyGlyphWrapper=o;
 //# sourceMappingURL=EmptyBodyContent.cjs.map

package/dist/components/DataTable/components/EmptyBodyContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyBodyContent.cjs","sources":["../../../../src/components/DataTable/components/EmptyBodyContent.ts"],"sourcesContent":[null],"names":["EmptyBodyContent","styled","div","withConfig","displayName","componentId","theme","sizes","lg","columnCount","md","EmptyBodyGlyphWrapper","default","colors","neutral","grey","light","radius","full"],"mappings":"oJAKC,MAAAA,EAAAC,EAAAA,QAAAC,IAAAC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,eAAA,eAAAC,EAAAA,MAAAC,MAAAC,qBAAAF,EAAAA,MAAAC,MAAAC,kBAAA,EAAAC,iBAAA,YAAAA,wFAAAH,EAAAA,MAAAC,MAAAG,MAEMC,EAAsBV,EAAAW,QAAAV,IAAAC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAS3B,WAAAC,EAAAA,MAAAC,MAAAG,uBAAAJ,QAAAO,OAAAC,QAAAC,KAAAC,uBAAAV,EAAAA,MAAAW,OAAAC"}
+{"version":3,"file":"EmptyBodyContent.cjs","sources":["../../../../src/components/DataTable/components/EmptyBodyContent.ts"],"sourcesContent":[null],"names":["EmptyBodyContent","styled","div","theme","sizes","lg"],"mappings":"oJAKC,MAAAA,EAAAC,EAAAA,QAAAC,GAAA;iBAEMC,EAAsBA,MAAAC,MAAAC;oBAWtBF,EAA2BA,MAAAC,MAAAC;;;;;;;;;;;"}

package/dist/components/DataTable/components/EmptyBodyContent.js

@@ -1,2 +1,15 @@
-import i from"styled-components";import{theme as o}from"../../../theme/index.js";const e=i.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--klb9dq"})`padding-top:${o.sizes.lg};padding-bottom:${o.sizes.lg};grid-column:${({columnCount:i})=>`1 / span ${i}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${o.sizes.md};`,n=i.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--12lmw1"})`padding:${o.sizes.md};background-color:${o.colors.neutral.grey.light};border-radius:${o.radius.full};`;export{e as EmptyBodyContent,n as EmptyBodyGlyphWrapper};
+import o from"styled-components";import{theme as e}from"../../../theme/index.js";const i=o.div`
+  padding-top: ${e.sizes.lg};
+  padding-bottom: ${e.sizes.lg};
+  grid-column: ${({columnCount:o})=>`1 / span ${o}`};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${e.sizes.md};
+`,n=o.div`
+  padding: ${e.sizes.md};
+  background-color: ${e.colors.neutral.grey.light};
+  border-radius: ${e.radius.full};
+`;export{i as EmptyBodyContent,n as EmptyBodyGlyphWrapper};
 //# sourceMappingURL=EmptyBodyContent.js.map

package/dist/components/DataTable/components/EmptyBodyContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyBodyContent.js","sources":["../../../../src/components/DataTable/components/EmptyBodyContent.ts"],"sourcesContent":[null],"names":["EmptyBodyContent","styled","div","withConfig","displayName","componentId","theme","sizes","lg","columnCount","md","EmptyBodyGlyphWrapper","colors","neutral","grey","light","radius","full"],"mappings":"iFAKC,MAAAA,EAAAC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,eAAA,eAAAC,EAAAC,MAAAC,qBAAAF,EAAAC,MAAAC,kBAAA,EAAAC,iBAAA,YAAAA,wFAAAH,EAAAC,MAAAG,MAEMC,EAAsBV,EAAAC,IAAAC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAS3B,WAAAC,EAAAC,MAAAG,uBAAAJ,EAAAM,OAAAC,QAAAC,KAAAC,uBAAAT,EAAAU,OAAAC"}
+{"version":3,"file":"EmptyBodyContent.js","sources":["../../../../src/components/DataTable/components/EmptyBodyContent.ts"],"sourcesContent":[null],"names":["EmptyBodyContent","styled","div","theme","sizes","lg"],"mappings":"iFAKC,MAAAA,EAAAC,EAAAC,GAAA;iBAEMC,EAAsBC,MAAAC;oBAWtBF,EAA2BC,MAAAC;;;;;;;;;;;"}

package/dist/components/DataTable/components/Header.cjs

@@ -1,2 +1,17 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs"),i=require("../utils/alignmentToFlex.cjs");require("../types.cjs"),require("react");var n=require("../constants.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const l=r(e).default.th.withConfig({displayName:"vui--Header",componentId:"vui--ilge6b"})`height:${n.headerCellHeight};position:relative;display:flex;align-items:center;justify-content:${({align:e="left"})=>i.alignmentToFlex(e)};z-index:${({zIndex:e=0})=>e};background-color:white;padding-left:${({spacing:e=n.defaultCellSpacing})=>t.theme.sizes[e]};padding-right:${({spacing:e=n.defaultCellSpacing})=>t.theme.sizes[e]};border-bottom:1px solid ${t.theme.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;exports.Header=l;
+"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs"),i=require("../utils/alignmentToFlex.cjs");require("../types.cjs"),require("react");var n=require("../constants.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.th`
+  height: ${n.headerCellHeight};
+
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: ${({align:e="left"})=>i.alignmentToFlex(e)};
+  z-index: ${({zIndex:e=0})=>e};
+
+  background-color: white;
+  padding-left: ${({spacing:e=n.defaultCellSpacing})=>t.theme.sizes[e]};
+  padding-right: ${({spacing:e=n.defaultCellSpacing})=>t.theme.sizes[e]};
+  border-bottom: 1px solid ${t.theme.colors.neutral.grey.base};
+
+  grid-column-end: ${({span:e=1})=>`span ${e}`};
+`;exports.Header=s;
 //# sourceMappingURL=Header.cjs.map

package/dist/components/DataTable/components/Header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Header.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/Header.js

@@ -1,2 +1,17 @@
-import e from"styled-components";import{theme as i}from"../../../theme/index.js";import{alignmentToFlex as t}from"../utils/alignmentToFlex.js";import"../types.js";import"react";import{headerCellHeight as o,defaultCellSpacing as n}from"../constants.js";const s=e.th.withConfig({displayName:"vui--Header",componentId:"vui--ilge6b"})`height:${o};position:relative;display:flex;align-items:center;justify-content:${({align:e="left"})=>t(e)};z-index:${({zIndex:e=0})=>e};background-color:white;padding-left:${({spacing:e=n})=>i.sizes[e]};padding-right:${({spacing:e=n})=>i.sizes[e]};border-bottom:1px solid ${i.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;export{s as Header};
+import t from"styled-components";import{theme as e}from"../../../theme/index.js";import{alignmentToFlex as i}from"../utils/alignmentToFlex.js";import"../types.js";import"react";import{headerCellHeight as o,defaultCellSpacing as n}from"../constants.js";const s=t.th`
+  height: ${o};
+
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: ${({align:t="left"})=>i(t)};
+  z-index: ${({zIndex:t=0})=>t};
+
+  background-color: white;
+  padding-left: ${({spacing:t=n})=>e.sizes[t]};
+  padding-right: ${({spacing:t=n})=>e.sizes[t]};
+  border-bottom: 1px solid ${e.colors.neutral.grey.base};
+
+  grid-column-end: ${({span:t=1})=>`span ${t}`};
+`;export{s as Header};
 //# sourceMappingURL=Header.js.map

package/dist/components/DataTable/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Header.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/LoadingCellContent.cjs

@@ -1,2 +1,33 @@
-"use strict";var e=require("styled-components"),n=require("../../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var a=i(e);const o=n.theme.colors.neutral.grey.base,t=n.theme.colors.neutral.grey.dark,r=a.default.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1bv9ck1"})`height:20px;width:75%;border-radius:${n.theme.radius.base};background:${o};background-image:linear-gradient(\n    to right,\n    ${o} 0%,\n    ${t} 20%,\n    ${o} 40%,\n    ${o} 100%\n  );background-repeat:no-repeat;background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;@keyframes placeholderShimmer{0%{background-position:-468px 0;}100%{background-position:468px 0;}}`;exports.LoadingCellContent=r;
+"use strict";var e=require("styled-components"),i=require("../../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var r=n(e);const a=i.theme.colors.neutral.grey.base,t=i.theme.colors.neutral.grey.dark,o=r.default.div`
+  height: 20px;
+  width: 75%;
+  border-radius: ${i.theme.radius.base};
+
+  background: ${a};
+  background-image: linear-gradient(
+    to right,
+    ${a} 0%,
+    ${t} 20%,
+    ${a} 40%,
+    ${a} 100%
+  );
+  background-repeat: no-repeat;
+  background-size: 800px 104px;
+
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+  animation-name: placeholderShimmer;
+  animation-timing-function: linear;
+
+  @keyframes placeholderShimmer {
+    0% {
+      background-position: -468px 0;
+    }
+
+    100% {
+      background-position: 468px 0;
+    }
+  }
+`;exports.LoadingCellContent=o;
 //# sourceMappingURL=LoadingCellContent.cjs.map

package/dist/components/DataTable/components/LoadingCellContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingCellContent.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"LoadingCellContent.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/LoadingCellContent.js

@@ -1,2 +1,33 @@
-import n from"styled-components";import{theme as i}from"../../../theme/index.js";const o=i.colors.neutral.grey.base,a=i.colors.neutral.grey.dark,e=n.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1bv9ck1"})`height:20px;width:75%;border-radius:${i.radius.base};background:${o};background-image:linear-gradient(\n    to right,\n    ${o} 0%,\n    ${a} 20%,\n    ${o} 40%,\n    ${o} 100%\n  );background-repeat:no-repeat;background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;@keyframes placeholderShimmer{0%{background-position:-468px 0;}100%{background-position:468px 0;}}`;export{e as LoadingCellContent};
+import i from"styled-components";import{theme as o}from"../../../theme/index.js";const n=o.colors.neutral.grey.base,r=o.colors.neutral.grey.dark,a=i.div`
+  height: 20px;
+  width: 75%;
+  border-radius: ${o.radius.base};
+
+  background: ${n};
+  background-image: linear-gradient(
+    to right,
+    ${n} 0%,
+    ${r} 20%,
+    ${n} 40%,
+    ${n} 100%
+  );
+  background-repeat: no-repeat;
+  background-size: 800px 104px;
+
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+  animation-name: placeholderShimmer;
+  animation-timing-function: linear;
+
+  @keyframes placeholderShimmer {
+    0% {
+      background-position: -468px 0;
+    }
+
+    100% {
+      background-position: 468px 0;
+    }
+  }
+`;export{a as LoadingCellContent};
 //# sourceMappingURL=LoadingCellContent.js.map

package/dist/components/DataTable/components/LoadingCellContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingCellContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"LoadingCellContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/NoWrap.cjs

@@ -1,2 +1,4 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const o=e(require("styled-components")).default.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--kbcaqo"})`white-space:nowrap;`;exports.NoWrap=o;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const t=e(require("styled-components")).default.div`
+  white-space: nowrap;
+`;exports.NoWrap=t;
 //# sourceMappingURL=NoWrap.cjs.map

package/dist/components/DataTable/components/NoWrap.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NoWrap.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NoWrap.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/DataTable/components/NoWrap.js

@@ -1,2 +1,4 @@
-import o from"styled-components";const i=o.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--kbcaqo"})`white-space:nowrap;`;export{i as NoWrap};
+import o from"styled-components";const t=o.div`
+  white-space: nowrap;
+`;export{t as NoWrap};
 //# sourceMappingURL=NoWrap.js.map

package/dist/components/DataTable/components/NoWrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoWrap.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NoWrap.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/DataTable/components/Row.cjs

@@ -1,2 +1,8 @@
-"use strict";var n=require("styled-components"),t=require("../../../theme/index.cjs");function e(n){return n&&n.__esModule?n:{default:n}}const o=e(n).default.tr.withConfig({displayName:"vui--Row",componentId:"vui--9t9651"})`display:contents;${({selected:n})=>n&&`\n    &&&& > td {\n      background-color: ${t.theme.colors.brand.blue.lightest};\n    }\n  `};${({accentColor:n})=>n&&`\n    &> *:first-child {\n      position: relative;\n    }\n\n    & > *:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${n};\n    }\n  `}`;exports.Row=o;
+"use strict";var n=require("styled-components"),t=require("../../../theme/index.cjs");function e(n){return n&&n.__esModule?n:{default:n}}const o=e(n).default.tr`
+  display: contents;
+
+  ${({selected:n})=>n&&`\n    &&&& > td {\n      background-color: ${t.theme.colors.brand.blue.lightest};\n    }\n  `};
+
+  ${({accentColor:n})=>n&&`\n    &> *:first-child {\n      position: relative;\n    }\n\n    & > *:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${n};\n    }\n  `}
+`;exports.Row=o;
 //# sourceMappingURL=Row.cjs.map

package/dist/components/DataTable/components/Row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Row.cjs","sources":["../../../../src/components/DataTable/components/Row.ts"],"sourcesContent":[null],"names":["Row","styled","tr","withConfig","displayName","componentId","selected","theme","colors","brand","blue","lightest"],"mappings":"yIAKU,MAACA,OAAEC,QAAQC,GAAAC,WAAA,CAAAC,YAAA,WAAAC,YAAA,eAAA,oBAAA,EAAAC,cAAAA,GACnB,8CAEDC,EAAAA,MAAAC,OAAAC,MAAAC,KAAAC"}
+{"version":3,"file":"Row.cjs","sources":["../../../../src/components/DataTable/components/Row.ts"],"sourcesContent":[null],"names":["Row","styled","tr","selected"],"mappings":"yIAKU,MAACA,OAAEC,QAAQC,EAAA;;;IAGpB,EAAAC,cAAAA,GAEM;;;"}

package/dist/components/DataTable/components/Row.js

@@ -1,2 +1,8 @@
-import n from"styled-components";import{theme as o}from"../../../theme/index.js";const t=n.tr.withConfig({displayName:"vui--Row",componentId:"vui--9t9651"})`display:contents;${({selected:n})=>n&&`\n    &&&& > td {\n      background-color: ${o.colors.brand.blue.lightest};\n    }\n  `};${({accentColor:n})=>n&&`\n    &> *:first-child {\n      position: relative;\n    }\n\n    & > *:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${n};\n    }\n  `}`;export{t as Row};
+import n from"styled-components";import{theme as o}from"../../../theme/index.js";const t=n.tr`
+  display: contents;
+
+  ${({selected:n})=>n&&`\n    &&&& > td {\n      background-color: ${o.colors.brand.blue.lightest};\n    }\n  `};
+
+  ${({accentColor:n})=>n&&`\n    &> *:first-child {\n      position: relative;\n    }\n\n    & > *:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${n};\n    }\n  `}
+`;export{t as Row};
 //# sourceMappingURL=Row.js.map

package/dist/components/DataTable/components/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../src/components/DataTable/components/Row.ts"],"sourcesContent":[null],"names":["Row","styled","tr","withConfig","displayName","componentId","selected","theme","colors","brand","blue","lightest"],"mappings":"iFAKU,MAACA,EAAEC,EAAQC,GAAAC,WAAA,CAAAC,YAAA,WAAAC,YAAA,eAAA,oBAAA,EAAAC,cAAAA,GACnB,8CAEDC,EAAAC,OAAAC,MAAAC,KAAAC"}
+{"version":3,"file":"Row.js","sources":["../../../../src/components/DataTable/components/Row.ts"],"sourcesContent":[null],"names":["Row","styled","tr","selected"],"mappings":"iFAKU,MAACA,EAAEC,EAAQC,EAAA;;;IAGpB,EAAAC,cAAAA,GAEM;;;"}

package/dist/components/DataTable/components/ScrollContainer.cjs

@@ -1,2 +1,7 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const o=e(require("styled-components")).default.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1lne8xk"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`;exports.ScrollContainer=o;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const o=e(require("styled-components")).default.div`
+  position: relative;
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+`;exports.ScrollContainer=o;
 //# sourceMappingURL=ScrollContainer.cjs.map

package/dist/components/DataTable/components/ScrollContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollContainer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ScrollContainer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/DataTable/components/ScrollContainer.js

@@ -1,2 +1,7 @@
-import o from"styled-components";const i=o.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1lne8xk"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`;export{i as ScrollContainer};
+import o from"styled-components";const t=o.div`
+  position: relative;
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+`;export{t as ScrollContainer};
 //# sourceMappingURL=ScrollContainer.js.map

package/dist/components/DataTable/components/ScrollContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ScrollContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/DataTable/components/TableGrid.cjs

@@ -1,2 +1,20 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}const d=i(e).default.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--15hxahr"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${t.theme.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`;exports.TableGrid=d;
+"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs");function s(e){return e&&e.__esModule?e:{default:e}}const i=s(e).default.table`
+  min-width: 100%;
+  width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 */
+  display: grid;
+
+  & thead,
+  & tbody,
+  & tfoot {
+    display: contents;
+  }
+
+  --density: ${t.theme.sizes.base};
+
+  && tr:hover td {
+    background-color: #f2f8fc;
+  }
+
+  ${({css:e})=>e}/* CSS styles generate by hooks */
+`;exports.TableGrid=i;
 //# sourceMappingURL=TableGrid.cjs.map

package/dist/components/DataTable/components/TableGrid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableGrid.cjs","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":[null],"names":["TableGrid","styled","table","withConfig","displayName","componentId","theme","sizes","css"],"mappings":"yIAOC,MAEMA,OAAeC,QAAAC,MAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAkBpB,qGAAAC,EAAAA,MAAAC,MAAA,iDAAA,EAAAC,SAAAA"}
+{"version":3,"file":"TableGrid.cjs","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":[null],"names":["TableGrid","styled","table"],"mappings":"yIAOC,MAEMA,OAAeC,QAAAC,KAAA;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/TableGrid.js

@@ -1,2 +1,20 @@
-import t from"styled-components";import{theme as o}from"../../../theme/index.js";const e=t.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--15hxahr"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${o.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:t})=>t}`;export{e as TableGrid};
+import t from"styled-components";import{theme as e}from"../../../theme/index.js";const o=t.table`
+  min-width: 100%;
+  width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 */
+  display: grid;
+
+  & thead,
+  & tbody,
+  & tfoot {
+    display: contents;
+  }
+
+  --density: ${e.sizes.base};
+
+  && tr:hover td {
+    background-color: #f2f8fc;
+  }
+
+  ${({css:t})=>t}/* CSS styles generate by hooks */
+`;export{o as TableGrid};
 //# sourceMappingURL=TableGrid.js.map

package/dist/components/DataTable/components/TableGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableGrid.js","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":[null],"names":["TableGrid","styled","table","withConfig","displayName","componentId","theme","sizes","css"],"mappings":"iFAOC,MAEMA,EAAeC,EAAAC,MAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAkBpB,qGAAAC,EAAAC,MAAA,iDAAA,EAAAC,SAAAA"}
+{"version":3,"file":"TableGrid.js","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":[null],"names":["TableGrid","styled","table"],"mappings":"iFAOC,MAEMA,EAAeC,EAAAC,KAAA;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/Truncate.cjs

@@ -1,2 +1,6 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const t=e(require("styled-components")).default.div.withConfig({displayName:"vui--Truncate",componentId:"vui--coqvc6"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;exports.Truncate=t;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const t=e(require("styled-components")).default.div`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;exports.Truncate=t;
 //# sourceMappingURL=Truncate.cjs.map

package/dist/components/DataTable/components/Truncate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Truncate.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/DataTable/components/Truncate.js

@@ -1,2 +1,6 @@
-import o from"styled-components";const e=o.div.withConfig({displayName:"vui--Truncate",componentId:"vui--coqvc6"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;export{e as Truncate};
+import o from"styled-components";const e=o.div`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;export{e as Truncate};
 //# sourceMappingURL=Truncate.js.map

package/dist/components/DataTable/components/Truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Truncate.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}