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

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

@@ -1,2 +1,21 @@
-import e from"styled-components";import{theme as r}from"../../../theme/index.js";const o=e.button.withConfig({displayName:"vui--CellButton",componentId:"vui--14e2rl4"})`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:${r.sizes.base};border-radius:${r.radius.base};&:hover{cursor:pointer;background-color:${r.colors.secondary.blue.lightest};}`;export{o as CellButton};
+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;
+
+  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};
+
+  &:hover {
+    cursor: pointer;
+    background-color: ${e.colors.secondary.blue.lightest};
+  }
+`;export{o as 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/LegacyDataTable/styled.cjs

@@ -1,2 +1,123 @@
-"use strict";var o=require("styled-components"),e=require("../../theme/index.cjs"),t=require("./utils/constants.cjs");function n(o){return o&&o.__esModule?o:{default:o}}var i=n(o);const{text:r,sizes:l}=e.theme,{blue:d}=e.theme.colors.secondary,{grey:a}=e.theme.colors.neutral,{scrollbar:s}=e.theme.colors.system,p='\n  position: absolute;\n  top: 0;\n  bottom: -1px;\n  width: 30px;\n  content: "";\n  pointer-events: none;\n  box-sizing: border-box;\n  transition: box-shadow .3s;\n',c=i.default.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--6b6999"})`display:flex;flex-direction:row;align-items:center;`,u=i.default.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--8prdgq"})`width:100%;overflow-x:${o=>o.scrollDisabled?"hidden":"auto"};overflow-y:hidden;position:relative;border-top:1px solid ${a.dark};border-bottom:1px solid ${a.dark};${({showScrollbar:o})=>o?`\n    scrollbar-width: auto;\n\n    &::-webkit-scrollbar {\n      margin-top: 10px;\n      width: 6px;\n      height: 6px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: ${s.background}; \n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: ${s.thumb};\n      border-radius: 4px; \n    }\n    `:""} ${({scrollDisabled:o,lastStartFixedColumnsIndex:e,firstEndFixedColumnsIndex:n,scrollPosition:i})=>o?"":`\n    td:nth-child(${e}):after,\n    th:nth-child(${e}):after {\n      right: 0;\n      transform: translate(100%);\n      ${p};\n\n      ${i===t.ScrollPosition.middle||i===t.ScrollPosition.end?"\n  box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n\n    td:nth-last-child(${n}):after,\n    th:nth-last-child(${n}):after {\n      left: 0;\n      transform: translate(-100%);\n      ${p};\n\n      ${i===t.ScrollPosition.start||i===t.ScrollPosition.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}`,b=i.default(u).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--1uzcmg4"})`border:1px solid ${a.dark};border-radius:4px;`,f=i.default.thead.withConfig({displayName:"vui--Head",componentId:"vui--tbv1ab"})`background-color:white;`,m=i.default.tbody.withConfig({displayName:"vui--Body",componentId:"vui--1f7jdxq"})`tr{${({fixedColumnsStyle:o})=>o};}& + & > tr:first-child > td{border-top:1px solid ${a.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;i.default.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--1ug6bgl"})`& td{background-color:${a.lightest};padding:1.5rem 1rem;border-top:1px solid ${d.base};}`;const h=i.default.tr.withConfig({displayName:"vui--Row",componentId:"vui--ostkmy"})`&.hidden{visibility:collapse;}${({accentColor:o})=>o&&`\n    & > td:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${o};  \n    }\n  `}`,x=i.default.td.withConfig({displayName:"vui--Cell",componentId:"vui--9fl65z"})`position:relative;padding:1.25rem 1rem;text-align:${({align:o})=>o||"left"};background-color:white;font-family:${r.bodySmall.fontFamily};font-size:${r.bodySmall.fontSize};font-weight:${r.bodySmall.fontWeight};color:${r.bodySmall.color};line-height:${l.base};width:${({grow:o})=>o?"100%":"auto"};& > *{vertical-align:middle;}`,g=i.default(x).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--1mc579o"})`user-select:none;border-bottom:1px solid ${a.dark};font-family:${r.bodySmallBold.fontFamily};font-size:${r.bodySmallBold.fontSize};font-weight:${r.bodySmallBold.fontWeight};color:${r.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${a.light};}`,$={left:"flex-start",center:"center",right:"flex-end"},v=i.default.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--iko9ux"})`display:flex;align-items:center;justify-content:${({align:o})=>o?$[o]:"flex-start"};& > * + *{margin-left:0.25rem;}`,y=i.default.table.withConfig({displayName:"vui--Table",componentId:"vui--1vjqk2m"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:o})=>o?"fixed":"auto"};${({striped:o})=>o&&`\n    & ${m}:nth-child(even) td {\n      background-color: ${a.lightest};\n    }\n  `} & *{box-sizing:border-box;${({tableLoading:o})=>o&&"\n      user-select: none;\n      pointer-events: none;\n    "}}${({noWrap:o})=>o&&`\n    & ${g}, & ${g} span {\n      white-space: nowrap;\n    }\n  `}`,w=i.default.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--ob9m7j"})`tr{${({fixedColumnsStyle:o})=>o};}& ${x}{border-top:1px solid ${a.dark};background-color:${a.lightest};padding-top:${l.base};padding-bottom:${l.base};line-height:2rem;}`,k=i.default.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--5eqa3f"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,C=i.default(y).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--48b34o"})``;exports.Body=m,exports.Cell=x,exports.FakeHeaderTable=C,exports.Footer=w,exports.Head=f,exports.HeaderCell=g,exports.HeaderCellLayout=v,exports.Row=h,exports.StickyHeaderWrapper=k,exports.Table=y,exports.TooltipContent=c,exports.Wrapper=u,exports.WrapperBordered=b;
+"use strict";var t=require("styled-components"),e=require("../../theme/index.cjs"),o=require("./utils/constants.cjs");function n(t){return t&&t.__esModule?t:{default:t}}var r=n(t);const{text:l,sizes:d}=e.theme,{blue:i}=e.theme.colors.secondary,{grey:a}=e.theme.colors.neutral,{scrollbar:s}=e.theme.colors.system,b='\n  position: absolute;\n  top: 0;\n  bottom: -1px;\n  width: 30px;\n  content: "";\n  pointer-events: none;\n  box-sizing: border-box;\n  transition: box-shadow .3s;\n',p=r.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,c=r.default.div`
+  width: 100%;
+  overflow-x: ${t=>t.scrollDisabled?"hidden":"auto"};
+  overflow-y: hidden;
+  position: relative;
+  border-top: 1px solid ${a.dark};
+  border-bottom: 1px solid ${a.dark};
+
+  ${({showScrollbar:t})=>t?`\n    scrollbar-width: auto;\n\n    &::-webkit-scrollbar {\n      margin-top: 10px;\n      width: 6px;\n      height: 6px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: ${s.background}; \n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: ${s.thumb};\n      border-radius: 4px; \n    }\n    `:""}
+
+  ${({scrollDisabled:t,lastStartFixedColumnsIndex:e,firstEndFixedColumnsIndex:n,scrollPosition:r})=>t?"":`\n    td:nth-child(${e}):after,\n    th:nth-child(${e}):after {\n      right: 0;\n      transform: translate(100%);\n      ${b};\n\n      ${r===o.ScrollPosition.middle||r===o.ScrollPosition.end?"\n  box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n\n    td:nth-last-child(${n}):after,\n    th:nth-last-child(${n}):after {\n      left: 0;\n      transform: translate(-100%);\n      ${b};\n\n      ${r===o.ScrollPosition.start||r===o.ScrollPosition.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}
+`,f=r.default(c)`
+  border: 1px solid ${a.dark};
+  border-radius: 4px;
+`,x=r.default.thead`
+  background-color: white;
+`,h=r.default.tbody`
+  tr {
+    ${({fixedColumnsStyle:t})=>t};
+  }
+
+  & + & > tr:first-child > td {
+    border-top: 1px solid ${a.base};
+  }
+
+  tr:not(:first-child) > td {
+    border-top: 1px solid transparent;
+  }
+
+  &&& tr:hover td {
+    background-color: #ebf4fb; /* TODO: Remove magic hex value */
+  }
+`;r.default.tfoot`
+  & td {
+    background-color: ${a.lightest};
+    padding: 1.5rem 1rem;
+    border-top: 1px solid ${i.base};
+  }
+`;const u=r.default.tr`
+  &.hidden {
+    visibility: collapse;
+  }
+
+  ${({accentColor:t})=>t&&`\n    & > td:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${t};  \n    }\n  `}
+`,$=r.default.td`
+  position: relative;
+  padding: 1.25rem 1rem;
+  text-align: ${({align:t})=>t||"left"};
+  background-color: white;
+
+  font-family: ${l.bodySmall.fontFamily};
+  font-size: ${l.bodySmall.fontSize};
+  font-weight: ${l.bodySmall.fontWeight};
+  color: ${l.bodySmall.color};
+  line-height: ${d.base};
+
+  width: ${({grow:t})=>t?"100%":"auto"};
+
+  & > * {
+    vertical-align: middle;
+  }
+`,m=r.default($).attrs({as:"th"})`
+  user-select: none;
+  border-bottom: 1px solid ${a.dark};
+
+  font-family: ${l.bodySmallBold.fontFamily};
+  font-size: ${l.bodySmallBold.fontSize};
+  font-weight: ${l.bodySmallBold.fontWeight};
+  color: ${l.bodySmallBold.color};
+
+  & span {
+    white-space: pre-line;
+  }
+
+  &.sortable:hover {
+    cursor: pointer;
+    background-color: ${a.light};
+  }
+`,g={left:"flex-start",center:"center",right:"flex-end"},y=r.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: ${({align:t})=>t?g[t]:"flex-start"};
+
+  & > * + * {
+    margin-left: 0.25rem;
+  }
+`,w=r.default.table`
+  width: 100%;
+  border-spacing: 0;
+  table-layout: ${({isFixedLayout:t})=>t?"fixed":"auto"};
+
+  ${({striped:t})=>t&&`\n    & ${h}:nth-child(even) td {\n      background-color: ${a.lightest};\n    }\n  `}
+
+  & * {
+    box-sizing: border-box;
+
+    ${({tableLoading:t})=>t&&"\n      user-select: none;\n      pointer-events: none;\n    "}
+  }
+
+  ${({noWrap:t})=>t&&`\n    & ${m}, & ${m} span {\n      white-space: nowrap;\n    }\n  `}
+`,k=r.default.tfoot`
+  tr {
+    ${({fixedColumnsStyle:t})=>t};
+  }
+
+  & ${$} {
+    border-top: 1px solid ${a.dark};
+    background-color: ${a.lightest};
+    padding-top: ${d.base};
+    padding-bottom: ${d.base};
+    line-height: 2rem;
+  }
+`,v=r.default.div`
+  position: fixed;
+  top: 0;
+  z-index: 2;
+  overflow-x: hidden;
+`,S=r.default(w)``;exports.Body=h,exports.Cell=$,exports.FakeHeaderTable=S,exports.Footer=k,exports.Head=x,exports.HeaderCell=m,exports.HeaderCellLayout=y,exports.Row=u,exports.StickyHeaderWrapper=v,exports.Table=w,exports.TooltipContent=p,exports.Wrapper=c,exports.WrapperBordered=f;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/LegacyDataTable/styled.ts"],"sourcesContent":[null],"names":["text","sizes","blue","theme","colors","secondary","grey","neutral","scrollbar","system","fixedColumnShadow","TooltipContent","styled","default","div","withConfig","displayName","componentId","Wrapper","props","scrollDisabled","dark","showScrollbar","background","thumb","lastStartFixedColumnsIndex","firstEndFixedColumnsIndex","scrollPosition"],"mappings":"0LA8BgBA,KAAAA,EAAAC,MAAAA,YACAC,KAAAA,GAAAC,QAAGC,OAAAC,WACSC,KAAAA,GAAAH,QAAAC,OAAAG,SACDC,UAAAA,GAAAL,QAAAC,OAAGK,OACfC,EAAG,2KAoITC,EAAQC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAA,sDAChBC,EAAAN,EAAAA,QAAAE,IAAAC,WAAA,CAAAC,YAAA,eAAAC,YAAA,eAAA,yBAAAE,GAAAA,EAAAC,eAAA,SAAA,mEAAAd,EAAAe,gCAAAf,EAAAe,QAAA,EAAAC,mBAAAA,EAEM,gMA8DId,EAAWe,kFAKff,EAAWgB,kDA+CX,MAAA,EAAAJ,iBAAyBK,6BAAAC,4BAAAC,oBAAAP,EAOzB,sMAtJkB,yRAIT"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/LegacyDataTable/styled.ts"],"sourcesContent":[null],"names":["text","sizes","blue","theme","colors","secondary","grey","neutral","scrollbar","system","fixedColumnShadow","TooltipContent","styled","div","Wrapper","props","dark","showScrollbar"],"mappings":"0LA8BgBA,KAAAA,EAAAC,MAAAA,YACAC,KAAAA,GAAAC,QAAGC,OAAAC,WACSC,KAAAA,GAAAH,QAAAC,OAAAG,SACDC,UAAAA,GAAAL,QAAAC,OAAGK,OACfC,EAAG,2KAoITC,EAAQC,EAAAA,QAAAC,GAAA;;;;EAyCfC,EAAAF,EAAAA,QAAAC,GAAA;;gBASQE,GAAiBA,iBAAW,SAAA;;;0BAahBT,EAAAU;6BACEV,EAAAU;;IAEtB,EAAYC,mBAAWA,EACV;;4SA7FU,yRAIT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/LegacyDataTable/styled.js

@@ -1,2 +1,123 @@
-import o from"styled-components";import{theme as t}from"../../theme/index.js";import{ScrollPosition as n}from"./utils/constants.js";const{text:e,sizes:i}=t,{blue:r}=t.colors.secondary,{grey:d}=t.colors.neutral,{scrollbar:l}=t.colors.system,a='\n  position: absolute;\n  top: 0;\n  bottom: -1px;\n  width: 30px;\n  content: "";\n  pointer-events: none;\n  box-sizing: border-box;\n  transition: box-shadow .3s;\n',s=o.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--6b6999"})`display:flex;flex-direction:row;align-items:center;`,p=o.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--8prdgq"})`width:100%;overflow-x:${o=>o.scrollDisabled?"hidden":"auto"};overflow-y:hidden;position:relative;border-top:1px solid ${d.dark};border-bottom:1px solid ${d.dark};${({showScrollbar:o})=>o?`\n    scrollbar-width: auto;\n\n    &::-webkit-scrollbar {\n      margin-top: 10px;\n      width: 6px;\n      height: 6px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: ${l.background}; \n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: ${l.thumb};\n      border-radius: 4px; \n    }\n    `:""} ${({scrollDisabled:o,lastStartFixedColumnsIndex:t,firstEndFixedColumnsIndex:e,scrollPosition:i})=>o?"":`\n    td:nth-child(${t}):after,\n    th:nth-child(${t}):after {\n      right: 0;\n      transform: translate(100%);\n      ${a};\n\n      ${i===n.middle||i===n.end?"\n  box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n\n    td:nth-last-child(${e}):after,\n    th:nth-last-child(${e}):after {\n      left: 0;\n      transform: translate(-100%);\n      ${a};\n\n      ${i===n.start||i===n.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}`,b=o(p).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--1uzcmg4"})`border:1px solid ${d.dark};border-radius:4px;`,c=o.thead.withConfig({displayName:"vui--Head",componentId:"vui--tbv1ab"})`background-color:white;`,m=o.tbody.withConfig({displayName:"vui--Body",componentId:"vui--1f7jdxq"})`tr{${({fixedColumnsStyle:o})=>o};}& + & > tr:first-child > td{border-top:1px solid ${d.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;o.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--1ug6bgl"})`& td{background-color:${d.lightest};padding:1.5rem 1rem;border-top:1px solid ${r.base};}`;const h=o.tr.withConfig({displayName:"vui--Row",componentId:"vui--ostkmy"})`&.hidden{visibility:collapse;}${({accentColor:o})=>o&&`\n    & > td:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${o};  \n    }\n  `}`,f=o.td.withConfig({displayName:"vui--Cell",componentId:"vui--9fl65z"})`position:relative;padding:1.25rem 1rem;text-align:${({align:o})=>o||"left"};background-color:white;font-family:${e.bodySmall.fontFamily};font-size:${e.bodySmall.fontSize};font-weight:${e.bodySmall.fontWeight};color:${e.bodySmall.color};line-height:${i.base};width:${({grow:o})=>o?"100%":"auto"};& > *{vertical-align:middle;}`,u=o(f).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--1mc579o"})`user-select:none;border-bottom:1px solid ${d.dark};font-family:${e.bodySmallBold.fontFamily};font-size:${e.bodySmallBold.fontSize};font-weight:${e.bodySmallBold.fontWeight};color:${e.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${d.light};}`,g={left:"flex-start",center:"center",right:"flex-end"},x=o.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--iko9ux"})`display:flex;align-items:center;justify-content:${({align:o})=>o?g[o]:"flex-start"};& > * + *{margin-left:0.25rem;}`,$=o.table.withConfig({displayName:"vui--Table",componentId:"vui--1vjqk2m"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:o})=>o?"fixed":"auto"};${({striped:o})=>o&&`\n    & ${m}:nth-child(even) td {\n      background-color: ${d.lightest};\n    }\n  `} & *{box-sizing:border-box;${({tableLoading:o})=>o&&"\n      user-select: none;\n      pointer-events: none;\n    "}}${({noWrap:o})=>o&&`\n    & ${u}, & ${u} span {\n      white-space: nowrap;\n    }\n  `}`,v=o.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--ob9m7j"})`tr{${({fixedColumnsStyle:o})=>o};}& ${f}{border-top:1px solid ${d.dark};background-color:${d.lightest};padding-top:${i.base};padding-bottom:${i.base};line-height:2rem;}`,y=o.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--5eqa3f"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,w=o($).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--48b34o"})``;export{m as Body,f as Cell,w as FakeHeaderTable,v as Footer,c as Head,u as HeaderCell,x as HeaderCellLayout,h as Row,y as StickyHeaderWrapper,$ as Table,s as TooltipContent,p as Wrapper,b as WrapperBordered};
+import o from"styled-components";import{theme as t}from"../../theme/index.js";import{ScrollPosition as n}from"./utils/constants.js";const{text:e,sizes:r}=t,{blue:i}=t.colors.secondary,{grey:l}=t.colors.neutral,{scrollbar:d}=t.colors.system,a='\n  position: absolute;\n  top: 0;\n  bottom: -1px;\n  width: 30px;\n  content: "";\n  pointer-events: none;\n  box-sizing: border-box;\n  transition: box-shadow .3s;\n',s=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,b=o.div`
+  width: 100%;
+  overflow-x: ${o=>o.scrollDisabled?"hidden":"auto"};
+  overflow-y: hidden;
+  position: relative;
+  border-top: 1px solid ${l.dark};
+  border-bottom: 1px solid ${l.dark};
+
+  ${({showScrollbar:o})=>o?`\n    scrollbar-width: auto;\n\n    &::-webkit-scrollbar {\n      margin-top: 10px;\n      width: 6px;\n      height: 6px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: ${d.background}; \n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: ${d.thumb};\n      border-radius: 4px; \n    }\n    `:""}
+
+  ${({scrollDisabled:o,lastStartFixedColumnsIndex:t,firstEndFixedColumnsIndex:e,scrollPosition:r})=>o?"":`\n    td:nth-child(${t}):after,\n    th:nth-child(${t}):after {\n      right: 0;\n      transform: translate(100%);\n      ${a};\n\n      ${r===n.middle||r===n.end?"\n  box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n\n    td:nth-last-child(${e}):after,\n    th:nth-last-child(${e}):after {\n      left: 0;\n      transform: translate(-100%);\n      ${a};\n\n      ${r===n.start||r===n.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}
+`,c=o(b)`
+  border: 1px solid ${l.dark};
+  border-radius: 4px;
+`,p=o.thead`
+  background-color: white;
+`,h=o.tbody`
+  tr {
+    ${({fixedColumnsStyle:o})=>o};
+  }
+
+  & + & > tr:first-child > td {
+    border-top: 1px solid ${l.base};
+  }
+
+  tr:not(:first-child) > td {
+    border-top: 1px solid transparent;
+  }
+
+  &&& tr:hover td {
+    background-color: #ebf4fb; /* TODO: Remove magic hex value */
+  }
+`;o.tfoot`
+  & td {
+    background-color: ${l.lightest};
+    padding: 1.5rem 1rem;
+    border-top: 1px solid ${i.base};
+  }
+`;const x=o.tr`
+  &.hidden {
+    visibility: collapse;
+  }
+
+  ${({accentColor:o})=>o&&`\n    & > td:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${o};  \n    }\n  `}
+`,f=o.td`
+  position: relative;
+  padding: 1.25rem 1rem;
+  text-align: ${({align:o})=>o||"left"};
+  background-color: white;
+
+  font-family: ${e.bodySmall.fontFamily};
+  font-size: ${e.bodySmall.fontSize};
+  font-weight: ${e.bodySmall.fontWeight};
+  color: ${e.bodySmall.color};
+  line-height: ${r.base};
+
+  width: ${({grow:o})=>o?"100%":"auto"};
+
+  & > * {
+    vertical-align: middle;
+  }
+`,$=o(f).attrs({as:"th"})`
+  user-select: none;
+  border-bottom: 1px solid ${l.dark};
+
+  font-family: ${e.bodySmallBold.fontFamily};
+  font-size: ${e.bodySmallBold.fontSize};
+  font-weight: ${e.bodySmallBold.fontWeight};
+  color: ${e.bodySmallBold.color};
+
+  & span {
+    white-space: pre-line;
+  }
+
+  &.sortable:hover {
+    cursor: pointer;
+    background-color: ${l.light};
+  }
+`,m={left:"flex-start",center:"center",right:"flex-end"},g=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: ${({align:o})=>o?m[o]:"flex-start"};
+
+  & > * + * {
+    margin-left: 0.25rem;
+  }
+`,u=o.table`
+  width: 100%;
+  border-spacing: 0;
+  table-layout: ${({isFixedLayout:o})=>o?"fixed":"auto"};
+
+  ${({striped:o})=>o&&`\n    & ${h}:nth-child(even) td {\n      background-color: ${l.lightest};\n    }\n  `}
+
+  & * {
+    box-sizing: border-box;
+
+    ${({tableLoading:o})=>o&&"\n      user-select: none;\n      pointer-events: none;\n    "}
+  }
+
+  ${({noWrap:o})=>o&&`\n    & ${$}, & ${$} span {\n      white-space: nowrap;\n    }\n  `}
+`,w=o.tfoot`
+  tr {
+    ${({fixedColumnsStyle:o})=>o};
+  }
+
+  & ${f} {
+    border-top: 1px solid ${l.dark};
+    background-color: ${l.lightest};
+    padding-top: ${r.base};
+    padding-bottom: ${r.base};
+    line-height: 2rem;
+  }
+`,y=o.div`
+  position: fixed;
+  top: 0;
+  z-index: 2;
+  overflow-x: hidden;
+`,k=o(u)``;export{h as Body,f as Cell,k as FakeHeaderTable,w as Footer,p as Head,$ as HeaderCell,g as HeaderCellLayout,x as Row,y as StickyHeaderWrapper,u as Table,s as TooltipContent,b as Wrapper,c as WrapperBordered};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/LegacyDataTable/styled.ts"],"sourcesContent":[null],"names":["text","sizes","blue","theme","colors","secondary","grey","neutral","scrollbar","system","fixedColumnShadow","TooltipContent","styled","div","withConfig","displayName","componentId","Wrapper","props","scrollDisabled","dark","showScrollbar","background","thumb","lastStartFixedColumnsIndex","firstEndFixedColumnsIndex","scrollPosition"],"mappings":"0IA8BgBA,KAAAA,EAAAC,MAAAA,MACAC,KAAAA,GAAAC,EAAGC,OAAAC,WACSC,KAAAA,GAAAH,EAAAC,OAAAG,SACDC,UAAAA,GAAAL,EAAAC,OAAGK,OACfC,EAAG,2KAoITC,EAAQC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAA,sDAChBC,EAAAL,EAAAC,IAAAC,WAAA,CAAAC,YAAA,eAAAC,YAAA,eAAA,yBAAAE,GAAAA,EAAAC,eAAA,SAAA,mEAAAb,EAAAc,gCAAAd,EAAAc,QAAA,EAAAC,mBAAAA,EAEM,gMA8DIb,EAAWc,kFAKfd,EAAWe,kDA+CX,MAAA,EAAAJ,iBAAyBK,6BAAAC,4BAAAC,oBAAAP,EAOzB,wKAtJkB,2PAIT"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/LegacyDataTable/styled.ts"],"sourcesContent":[null],"names":["text","sizes","blue","theme","colors","secondary","grey","neutral","scrollbar","system","fixedColumnShadow","TooltipContent","styled","div","Wrapper","props","dark","showScrollbar"],"mappings":"0IA8BgBA,KAAAA,EAAAC,MAAAA,MACAC,KAAAA,GAAAC,EAAGC,OAAAC,WACSC,KAAAA,GAAAH,EAAAC,OAAAG,SACDC,UAAAA,GAAAL,EAAAC,OAAGK,OACfC,EAAG,2KAoITC,EAAQC,EAAAC,GAAA;;;;EAyCfC,EAAAF,EAAAC,GAAA;;gBASQE,GAAiBA,iBAAW,SAAA;;;0BAahBT,EAAAU;6BACEV,EAAAU;;IAEtB,EAAYC,mBAAWA,EACV;;8QA7FU,2PAIT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/LoginWithAmazonButton/styled.cjs

@@ -1,2 +1,13 @@
-"use strict";function n(n){return n&&n.__esModule?n:{default:n}}const t=n(require("styled-components")).default.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--wl2n5a"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`;exports.LoginButton=t;
+"use strict";function t(t){return t&&t.__esModule?t:{default:t}}const e=t(require("styled-components")).default.button`
+  /* Remove default button style */
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+
+  img {
+    width: 156px;
+    height: 32px;
+  }
+`;exports.LoginButton=e;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/LoginWithAmazonButton/styled.cjs.map

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

package/dist/components/LoginWithAmazonButton/styled.js

@@ -1,2 +1,13 @@
-import o from"styled-components";const n=o.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--wl2n5a"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`;export{n as LoginButton};
+import o from"styled-components";const t=o.button`
+  /* Remove default button style */
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+
+  img {
+    width: 156px;
+    height: 32px;
+  }
+`;export{t as LoginButton};
 //# sourceMappingURL=styled.js.map

package/dist/components/LoginWithAmazonButton/styled.js.map

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

package/dist/components/Modal/components/Dialog/styled.cjs

@@ -1,2 +1,89 @@
-"use strict";var t=require("styled-components"),e=require("framer-motion"),a=require("../../../../utils/color.cjs"),i=require("../../../Card/Card.cjs"),o=require("../../../../theme/index.cjs"),d=require("./constants.cjs"),r=require("../styled.cjs");function n(t){return t&&t.__esModule?t:{default:t}}var m=n(t);const{breakpoints:s}=o.theme,h=m.default(e.motion.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}}).withConfig({displayName:"vui--StyledDialog",componentId:"vui--hfuefb"})`padding:0;border:none;border-radius:${o.theme.sizes.sm};box-shadow:${o.theme.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${i.Card.Surface}{display:flex;flex-direction:column;${({variant:t})=>`max-height: ${d.heightMap[t]};`} ${r.MainSection}{padding-bottom:${o.theme.sizes.md};}${i.Card.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${s.mobile} + 1px))and (max-width: ${s.tablet}){max-width:${({variant:t})=>d.widthMap[s.tablet][t]};}@media (min-width: ${s.tablet})and (max-width: ${s.lgTablet}){max-width:${({variant:t})=>d.widthMap[s.lgTablet][t]};}@media (min-width: ${s.lgTablet})and (max-width: ${s.desktop}){max-width:${({variant:t})=>d.widthMap[s.desktop][t]};}@media (min-width: ${s.desktop}){max-width:${({variant:t})=>d.widthMap[s.lgDesktop][t]};}@media (max-width: ${({variant:t})=>d.fullScreenBreakpointMap[t]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${i.Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${a.getOpaqueHexColor(o.theme.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`;exports.StyledDialog=h;
+"use strict";var e=require("styled-components"),t=require("framer-motion"),a=require("../../../../utils/color.cjs"),i=require("../../../Card/Card.cjs"),o=require("../../../../theme/index.cjs"),r=require("./constants.cjs"),d=require("../styled.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const{breakpoints:m}=o.theme,l=s.default(t.motion.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}})`
+  padding: 0;
+  border: none;
+  border-radius: ${o.theme.sizes.sm};
+  box-shadow: ${o.theme.shadows.lg};
+
+  min-width: 464px;
+
+  &::backdrop {
+    animation: fadeIn 0.25s ease forwards;
+  }
+
+  & > ${i.Card.Surface} {
+    display: flex;
+    flex-direction: column;
+
+    ${({variant:e})=>`max-height: ${r.heightMap[e]};`}
+
+    ${d.MainSection} {
+      padding-bottom: ${o.theme.sizes.md};
+    }
+
+    ${i.Card.Footer} {
+      margin-top: 0;
+    }
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  // ** Responsive Design ** //
+
+  // Tablet
+  @media (min-width: calc(${m.mobile} + 1px)) and (max-width: ${m.tablet}) {
+    max-width: ${({variant:e})=>r.widthMap[m.tablet][e]};
+  }
+
+  // Lg Tablet
+  @media (min-width: ${m.tablet}) and (max-width: ${m.lgTablet}) {
+    max-width: ${({variant:e})=>r.widthMap[m.lgTablet][e]};
+  }
+
+  // Desktop
+  @media (min-width: ${m.lgTablet}) and (max-width: ${m.desktop}) {
+    max-width: ${({variant:e})=>r.widthMap[m.desktop][e]};
+  }
+
+  // Lg Desktop
+  @media (min-width: ${m.desktop}) {
+    max-width: ${({variant:e})=>r.widthMap[m.lgDesktop][e]};
+  }
+
+  // Full Screen Mode
+  @media (max-width: ${({variant:e})=>r.fullScreenBreakpointMap[e]}) {
+    margin: 0;
+    width: 100%;
+    max-width: 100vw;
+    max-height: 100vh;
+
+    &,
+    & > ${i.Card.Surface} {
+      border-radius: 0;
+      height: 100%;
+      width: 100%;
+      max-height: unset;
+    }
+  }
+
+  &::backdrop {
+    background-color: ${a.getOpaqueHexColor(o.theme.colors.neutral.ink.base,.5)};
+  }
+
+  &:not([open]) {
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    transform: translate(-50%, -50%);
+  }
+`;exports.StyledDialog=l;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Modal/components/Dialog/styled.cjs.map

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

package/dist/components/Modal/components/Dialog/styled.js

@@ -1,2 +1,89 @@
-import t from"styled-components";import{motion as i}from"framer-motion";import{getOpaqueHexColor as a}from"../../../../utils/color.js";import{Card as o}from"../../../Card/Card.js";import{theme as e}from"../../../../theme/index.js";import{heightMap as d,widthMap as r,fullScreenBreakpointMap as m}from"./constants.js";import{MainSection as n}from"../styled.js";const{breakpoints:s}=e,p=t(i.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}}).withConfig({displayName:"vui--StyledDialog",componentId:"vui--hfuefb"})`padding:0;border:none;border-radius:${e.sizes.sm};box-shadow:${e.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${o.Surface}{display:flex;flex-direction:column;${({variant:t})=>`max-height: ${d[t]};`} ${n}{padding-bottom:${e.sizes.md};}${o.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${s.mobile} + 1px))and (max-width: ${s.tablet}){max-width:${({variant:t})=>r[s.tablet][t]};}@media (min-width: ${s.tablet})and (max-width: ${s.lgTablet}){max-width:${({variant:t})=>r[s.lgTablet][t]};}@media (min-width: ${s.lgTablet})and (max-width: ${s.desktop}){max-width:${({variant:t})=>r[s.desktop][t]};}@media (min-width: ${s.desktop}){max-width:${({variant:t})=>r[s.lgDesktop][t]};}@media (max-width: ${({variant:t})=>m[t]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${o.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${a(e.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`;export{p as StyledDialog};
+import t from"styled-components";import{motion as a}from"framer-motion";import{getOpaqueHexColor as i}from"../../../../utils/color.js";import{Card as o}from"../../../Card/Card.js";import{theme as e}from"../../../../theme/index.js";import{heightMap as r,widthMap as d,fullScreenBreakpointMap as n}from"./constants.js";import{MainSection as m}from"../styled.js";const{breakpoints:s}=e,p=t(a.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}})`
+  padding: 0;
+  border: none;
+  border-radius: ${e.sizes.sm};
+  box-shadow: ${e.shadows.lg};
+
+  min-width: 464px;
+
+  &::backdrop {
+    animation: fadeIn 0.25s ease forwards;
+  }
+
+  & > ${o.Surface} {
+    display: flex;
+    flex-direction: column;
+
+    ${({variant:t})=>`max-height: ${r[t]};`}
+
+    ${m} {
+      padding-bottom: ${e.sizes.md};
+    }
+
+    ${o.Footer} {
+      margin-top: 0;
+    }
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  // ** Responsive Design ** //
+
+  // Tablet
+  @media (min-width: calc(${s.mobile} + 1px)) and (max-width: ${s.tablet}) {
+    max-width: ${({variant:t})=>d[s.tablet][t]};
+  }
+
+  // Lg Tablet
+  @media (min-width: ${s.tablet}) and (max-width: ${s.lgTablet}) {
+    max-width: ${({variant:t})=>d[s.lgTablet][t]};
+  }
+
+  // Desktop
+  @media (min-width: ${s.lgTablet}) and (max-width: ${s.desktop}) {
+    max-width: ${({variant:t})=>d[s.desktop][t]};
+  }
+
+  // Lg Desktop
+  @media (min-width: ${s.desktop}) {
+    max-width: ${({variant:t})=>d[s.lgDesktop][t]};
+  }
+
+  // Full Screen Mode
+  @media (max-width: ${({variant:t})=>n[t]}) {
+    margin: 0;
+    width: 100%;
+    max-width: 100vw;
+    max-height: 100vh;
+
+    &,
+    & > ${o.Surface} {
+      border-radius: 0;
+      height: 100%;
+      width: 100%;
+      max-height: unset;
+    }
+  }
+
+  &::backdrop {
+    background-color: ${i(e.colors.neutral.ink.base,.5)};
+  }
+
+  &:not([open]) {
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    transform: translate(-50%, -50%);
+  }
+`;export{p as StyledDialog};
 //# sourceMappingURL=styled.js.map

package/dist/components/Modal/components/Dialog/styled.js.map

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

package/dist/components/Modal/components/styled.cjs

@@ -1,2 +1,13 @@
-"use strict";var e=require("styled-components"),o=require("../../Card/Card.cjs"),r=require("../../../theme/index.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var l=t(e);const n=e.createGlobalStyle`body{overflow:hidden;scrollbar-gutter:stable;}`,a=l.default.section.withConfig({displayName:"vui--MainSection",componentId:"vui--or7d"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${r.theme.sizes.md};`} ${({isScrollable:e})=>e&&`\n    & + ${o.Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${r.theme.colors.neutral.ink.dark};\n    }\n  `}`;exports.MainSection=a,exports.NonScrollableBody=n;
+"use strict";var e=require("styled-components"),r=require("../../Card/Card.cjs"),o=require("../../../theme/index.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var t=l(e);const a=e.createGlobalStyle`
+  body {
+    overflow: hidden;
+    scrollbar-gutter: stable;
+  }
+`,n=t.default.section`
+  flex: 1;
+  overflow-y: auto;
+
+  ${({fullBleed:e})=>!e&&`padding: 0 ${o.theme.sizes.md};`}
+  ${({isScrollable:e})=>e&&`\n    & + ${r.Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${o.theme.colors.neutral.ink.dark};\n    }\n  `}
+`;exports.MainSection=n,exports.NonScrollableBody=a;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Modal/components/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":["createGlobalStyle","MainSection","styled","default","section","withConfig","displayName","componentId","fullBleed","theme","sizes","md","isScrollable"],"mappings":"6LAWqFA,EAAAA,iBAAA,iDAYnFC,EAAAC,EAAAC,QAAAC,QAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,aAAA,0BAAA,EAAAC,gBAAAA,GAAA,cAAAC,EAAAA,MAAAC,MAAAC,SAAA,EAAAC,kBAAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":["createGlobalStyle"],"mappings":"6LAWqFA,EAAAA,iBAAA;;;;;;;;;;;"}

package/dist/components/Modal/components/styled.js

@@ -1,2 +1,13 @@
-import o,{createGlobalStyle as e}from"styled-components";import{Card as r}from"../../Card/Card.js";import{theme as n}from"../../../theme/index.js";const t=e`body{overflow:hidden;scrollbar-gutter:stable;}`,i=o.section.withConfig({displayName:"vui--MainSection",componentId:"vui--or7d"})`flex:1;overflow-y:auto;${({fullBleed:o})=>!o&&`padding: 0 ${n.sizes.md};`} ${({isScrollable:o})=>o&&`\n    & + ${r.Footer} {\n      box-shadow: 0px 10px 15px 0px ${n.colors.neutral.ink.dark};\n    }\n  `}`;export{i as MainSection,t as NonScrollableBody};
+import o,{createGlobalStyle as e}from"styled-components";import{Card as r}from"../../Card/Card.js";import{theme as l}from"../../../theme/index.js";const t=e`
+  body {
+    overflow: hidden;
+    scrollbar-gutter: stable;
+  }
+`,d=o.section`
+  flex: 1;
+  overflow-y: auto;
+
+  ${({fullBleed:o})=>!o&&`padding: 0 ${l.sizes.md};`}
+  ${({isScrollable:o})=>o&&`\n    & + ${r.Footer} {\n      box-shadow: 0px 10px 15px 0px ${l.colors.neutral.ink.dark};\n    }\n  `}
+`;export{d as MainSection,t as NonScrollableBody};
 //# sourceMappingURL=styled.js.map

package/dist/components/Modal/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":["createGlobalStyle","MainSection","styled","section","withConfig","displayName","componentId","fullBleed","theme","sizes","md","isScrollable"],"mappings":"2JAWqFA,CAAA,iDAYnFC,EAAAC,EAAAC,QAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,aAAA,0BAAA,EAAAC,gBAAAA,GAAA,cAAAC,EAAAC,MAAAC,SAAA,EAAAC,kBAAAA"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":["createGlobalStyle"],"mappings":"2JAWqFA,CAAA;;;;;;;;;;;"}

package/dist/components/Pagination/styled.cjs

@@ -1,2 +1,22 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs"),i=require("../Stack/Stack.cjs"),o=require("../Button/Button.cjs"),n=require("../TextField/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const u=a.default(i.Stack).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--1psd9g8"})`width:${t.theme.sizes.lg};height:30px;background-color:${t.theme.colors.neutral.grey.light};border:1px solid ${t.theme.colors.neutral.grey.base};border-radius:${t.theme.sizes.xs};`,s=a.default(o.Button).withConfig({displayName:"vui--PaginationButton",componentId:"vui--oolvks"})`color:${t.theme.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,d=a.default(n.TextField).withConfig({displayName:"vui--PageInput",componentId:"vui--jjraff"})`&[type='number']{width:5.5ch;}`;exports.PageInput=d,exports.PageLimitContainer=u,exports.PaginationButton=s;
+"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs"),r=require("../Stack/Stack.cjs"),i=require("../Button/Button.cjs"),o=require("../TextField/index.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var u=s(e);const n=u.default(r.Stack)`
+  width: ${t.theme.sizes.lg};
+  height: 30px;
+  background-color: ${t.theme.colors.neutral.grey.light};
+
+  border: 1px solid ${t.theme.colors.neutral.grey.base};
+  border-radius: ${t.theme.sizes.xs};
+`,a=u.default(i.Button)`
+  color: ${t.theme.colors.neutral.ink.base};
+  width: 32px;
+  height: 32px;
+
+  svg {
+    width: 24px;
+    height: 24px;
+  }
+`,d=u.default(o.TextField)`
+  &[type='number'] {
+    width: 5.5ch;
+  }
+`;exports.PageInput=d,exports.PageLimitContainer=n,exports.PaginationButton=a;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Pagination/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Pagination/styled.ts"],"sourcesContent":[null],"names":["theme","colors","neutral","grey","base"],"mappings":";;;;;sBA0BsBA,EAAAA,MAAAC,OAAAC,QAAAC,KAAAC;;;;;;;;;;;;;;;"}