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

package/dist/components/Card/styled.js

@@ -1,2 +1,42 @@
-import o from"styled-components";import{motion as i}from"framer-motion";import{Shadows as e}from"../../theme/modules/shadows.js";import{colors as n}from"../../theme/modules/colors.js";import{sizes as t}from"../../theme/modules/sizes.js";import{radius as d}from"../../theme/modules/radius.js";import{text as r}from"../../theme/modules/text.js";const{grey:m}=n.neutral,s={0:"none",1:e.sm,2:e.base,3:e.md,4:e.lg},a={info:n.secondary.blue.base,success:n.secondary.green.base,error:n.secondary.red.base},l=o.footer.withConfig({displayName:"vui--Footer",componentId:"vui--1s3932u"})`margin-top:${t.base};padding:${t.md};z-index:2;`,f=o.section.withConfig({displayName:"vui--Section",componentId:"vui--n2tmr2"})`padding-right:${t.md};padding-left:${t.md};margin-top:${t.md};margin-bottom:${t.md};font-family:${r.body.fontFamily};font-size:${r.body.fontSize};font-weight:${r.body.fontWeight};line-height:${r.body.lineHeight};color:${r.body.color};& + &{border-top:${t.line} solid ${m.base};padding-top:${t.md};}`,p=o.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--8unl0i"})`margin-left:-${t.md};margin-right:-${t.md};`,c=o(i.div).withConfig({displayName:"vui--Body",componentId:"vui--1q1caki"})`overflow-y:hidden;&:not(:first-child)> ${f}:first-child{margin-top:0;}`,g=o.div.withConfig({displayName:"vui--Surface",componentId:"vui--5cnkiv"})`position:relative;width:100%;background-color:white;border:${t.line} solid ${m.base};box-shadow:${o=>void 0!==o.elevation?s[o.elevation]:e.sm};border-radius:${d.md};overflow:hidden;box-sizing:border-box;${({accent:o})=>o&&`\n    &::after {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: ${t.xs};\n      background-color: ${a[o]};\n    }\n  `}`;export{c as Body,l as Footer,p as FullBleed,f as Section,g as Surface};
+import o from"styled-components";import{motion as e}from"framer-motion";import{Shadows as i}from"../../theme/modules/shadows.js";import{colors as t}from"../../theme/modules/colors.js";import{sizes as r}from"../../theme/modules/sizes.js";import{radius as d}from"../../theme/modules/radius.js";import{text as n}from"../../theme/modules/text.js";const{grey:m}=t.neutral,s={0:"none",1:i.sm,2:i.base,3:i.md,4:i.lg},a={info:t.secondary.blue.base,success:t.secondary.green.base,error:t.secondary.red.base},l=o.footer`
+  margin-top: ${r.base};
+  padding: ${r.md};
+  z-index: 2;
+`,f=o.section`
+  padding-right: ${r.md};
+  padding-left: ${r.md};
+  margin-top: ${r.md};
+  margin-bottom: ${r.md};
+
+  font-family: ${n.body.fontFamily};
+  font-size: ${n.body.fontSize};
+  font-weight: ${n.body.fontWeight};
+  line-height: ${n.body.lineHeight};
+  color: ${n.body.color};
+
+  & + & {
+    border-top: ${r.line} solid ${m.base};
+    padding-top: ${r.md};
+  }
+`,b=o.div`
+  margin-left: -${r.md};
+  margin-right: -${r.md};
+`,g=o(e.div)`
+  overflow-y: hidden;
+
+  &:not(:first-child) > ${f}:first-child {
+    margin-top: 0;
+  }
+`,$=o.div`
+  position: relative;
+  width: 100%;
+  background-color: white;
+  border: ${r.line} solid ${m.base};
+  box-shadow: ${o=>void 0!==o.elevation?s[o.elevation]:i.sm};
+  border-radius: ${d.md};
+  overflow: hidden;
+  box-sizing: border-box;
+
+  ${({accent:o})=>o&&`\n    &::after {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: ${r.xs};\n      background-color: ${a[o]};\n    }\n  `}
+`;export{g as Body,l as Footer,b as FullBleed,f as Section,$ as Surface};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":[null],"names":["grey","colors","neutral","elevationShadowMap","Shadows","base","md","lg"],"mappings":"uVAgCA,MAAOA,KAAAA,GAAAC,EAAaC,QAkBbC,EAAe,CAKf,EAAA,OAQP,OACE,EAASC,EAAGC,KACZ,EAAAD,EAAeE,GAChB,EAAAF,EAAAG"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":[null],"names":["grey","colors","neutral","elevationShadowMap","Shadows","base","md","lg"],"mappings":"uVAgCA,MAAOA,KAAAA,GAAAC,EAAaC,QAkBbC,EAAe,CAKf,EAAA,OAQP,OACE,EAASC,EAAGC,KACZ,EAAAD,EAAeE,GAChB,EAAAF,EAAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/CardHeader/styled.cjs

@@ -1,2 +1,26 @@
-"use strict";var e=require("styled-components"),i=require("../../theme/modules/sizes.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(e);const t=s.default.header.withConfig({displayName:"vui--Header",componentId:"vui--13im4do"})`padding-top:${i.sizes.md};padding-right:${i.sizes.md};padding-left:${i.sizes.md};margin-bottom:${i.sizes.md};& > * + *{margin-top:${i.sizes.xs};}`,r=s.default.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--1orvtgl"})`/*${i.sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;exports.Header=t,exports.HeaderGrid=r;
+"use strict";var e=require("styled-components"),s=require("../../theme/modules/sizes.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const d=i.default.header`
+  padding-top: ${s.sizes.md};
+  padding-right: ${s.sizes.md};
+  padding-left: ${s.sizes.md};
+  margin-bottom: ${s.sizes.md};
+
+  & > * + * {
+    margin-top: ${s.sizes.xs};
+  }
+`,r=i.default.div`
+  /* display: grid;
+  grid-auto-flow: column;
+  grid-template-columns: 1fr;
+  grid-auto-columns: max-content;
+  column-gap: ${s.sizes.base};
+  align-items: center; */
+
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+
+  & > *:first-child {
+    flex: 1;
+  }
+`;exports.Header=d,exports.HeaderGrid=r;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/CardHeader/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/CardHeader/styled.js

@@ -1,2 +1,26 @@
-import i from"styled-components";import{sizes as e}from"../../theme/modules/sizes.js";const d=i.header.withConfig({displayName:"vui--Header",componentId:"vui--13im4do"})`padding-top:${e.md};padding-right:${e.md};padding-left:${e.md};margin-bottom:${e.md};& > * + *{margin-top:${e.xs};}`,t=i.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--1orvtgl"})`/*${e.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;export{d as Header,t as HeaderGrid};
+import t from"styled-components";import{sizes as e}from"../../theme/modules/sizes.js";const i=t.header`
+  padding-top: ${e.md};
+  padding-right: ${e.md};
+  padding-left: ${e.md};
+  margin-bottom: ${e.md};
+
+  & > * + * {
+    margin-top: ${e.xs};
+  }
+`,d=t.div`
+  /* display: grid;
+  grid-auto-flow: column;
+  grid-template-columns: 1fr;
+  grid-auto-columns: max-content;
+  column-gap: ${e.base};
+  align-items: center; */
+
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+
+  & > *:first-child {
+    flex: 1;
+  }
+`;export{i as Header,d as HeaderGrid};
 //# sourceMappingURL=styled.js.map

package/dist/components/CardHeader/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/Checkbox/styled.cjs

@@ -1,2 +1,62 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const{colors:t,sizes:i,radius:n}=o.theme,s=a.default.input.withConfig({displayName:"vui--Input",componentId:"vui--bq2l9d"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${t.neutral.ink.lightest};border-radius:${n.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${t.secondary.blue.base};border-color:${t.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${i[4]};background-position:center;}&:hover{border-color:${t.secondary.blue.base};}&:active{border-color:${t.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${t.secondary.blue.light};outline:0;}&:indeterminate{background-color:${t.secondary.blue.base};border-color:${t.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${i[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${t.neutral.grey.base};border-color:${t.neutral.grey.base};color:${t.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;exports.Input=s;
+"use strict";var e=require("styled-components"),r=require("../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(e);const{colors:t,sizes:i,radius:n}=r.theme,s=a.default.input`
+  appearance: none;
+  width: 18px;
+  height: 18px;
+  background-color: transparent;
+  border: 2px solid ${t.neutral.ink.lightest};
+  border-radius: ${n.base};
+  cursor: pointer;
+  flex-shrink: 0;
+
+  transition:
+    box-shadow 0.1s,
+    background-color 0.1s;
+
+  &:checked {
+    background-color: ${t.secondary.blue.base};
+    border-color: ${t.secondary.blue.base};
+    background-image: url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");
+    background-repeat: no-repeat;
+    background-size: ${i[4]};
+    background-position: center;
+  }
+
+  &:hover {
+    border-color: ${t.secondary.blue.base};
+  }
+
+  &:active {
+    border-color: ${t.secondary.blue.base};
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 4px ${t.secondary.blue.light};
+    outline: 0;
+  }
+
+  &:indeterminate {
+    background-color: ${t.secondary.blue.base};
+    border-color: ${t.secondary.blue.base};
+    background-image: url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");
+    background-repeat: no-repeat;
+    background-size: ${i[4]};
+    background-position: center;
+  }
+
+  &:disabled {
+    box-shadow: none;
+    background-color: ${t.neutral.grey.base};
+    border-color: ${t.neutral.grey.base};
+    color: ${t.neutral.ink.light};
+    cursor: default;
+  }
+
+  &:checked:disabled {
+    background-image: url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");
+  }
+
+  &:indeterminate:disabled {
+    background-image: url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");
+  }
+`;exports.Input=s;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Checkbox/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/Checkbox/styled.js

@@ -1,2 +1,62 @@
-import e from"styled-components";import{theme as o}from"../../theme/index.js";const{colors:r,sizes:a,radius:t}=o,i=e.input.withConfig({displayName:"vui--Input",componentId:"vui--bq2l9d"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${r.neutral.ink.lightest};border-radius:${t.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${r.secondary.blue.base};border-color:${r.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${a[4]};background-position:center;}&:hover{border-color:${r.secondary.blue.base};}&:active{border-color:${r.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${r.secondary.blue.light};outline:0;}&:indeterminate{background-color:${r.secondary.blue.base};border-color:${r.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${a[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${r.neutral.grey.base};border-color:${r.neutral.grey.base};color:${r.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;export{i as Input};
+import e from"styled-components";import{theme as o}from"../../theme/index.js";const{colors:r,sizes:a,radius:t}=o,i=e.input`
+  appearance: none;
+  width: 18px;
+  height: 18px;
+  background-color: transparent;
+  border: 2px solid ${r.neutral.ink.lightest};
+  border-radius: ${t.base};
+  cursor: pointer;
+  flex-shrink: 0;
+
+  transition:
+    box-shadow 0.1s,
+    background-color 0.1s;
+
+  &:checked {
+    background-color: ${r.secondary.blue.base};
+    border-color: ${r.secondary.blue.base};
+    background-image: url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");
+    background-repeat: no-repeat;
+    background-size: ${a[4]};
+    background-position: center;
+  }
+
+  &:hover {
+    border-color: ${r.secondary.blue.base};
+  }
+
+  &:active {
+    border-color: ${r.secondary.blue.base};
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 4px ${r.secondary.blue.light};
+    outline: 0;
+  }
+
+  &:indeterminate {
+    background-color: ${r.secondary.blue.base};
+    border-color: ${r.secondary.blue.base};
+    background-image: url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");
+    background-repeat: no-repeat;
+    background-size: ${a[4]};
+    background-position: center;
+  }
+
+  &:disabled {
+    box-shadow: none;
+    background-color: ${r.neutral.grey.base};
+    border-color: ${r.neutral.grey.base};
+    color: ${r.neutral.ink.light};
+    cursor: default;
+  }
+
+  &:checked:disabled {
+    background-image: url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");
+  }
+
+  &:indeterminate:disabled {
+    background-image: url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");
+  }
+`;export{i as Input};
 //# sourceMappingURL=styled.js.map

package/dist/components/Checkbox/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/Choice/components/styled.cjs

@@ -1,2 +1,56 @@
-"use strict";var e=require("styled-components"),t=require("../../Tooltip/Tooltip.cjs"),o=require("../../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var r=i(e);const a={top:"flex-start",center:"center"},l=r.default.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--3b6yzv"})`display:flex;align-items:center;& > * + *{margin-left:${o.theme.sizes.base};}`,n=r.default.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--8ngm7b"})`align-self:stretch;display:flex;align-items:${e=>a[e.align]};`,s=r.default.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--1cu5xjr"})`align-self:center;display:flex;align-items:center;`,d=r.default.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1na6cp4"})`flex:1;& > * + *{margin-top:${o.theme.sizes.sm};}`,p=r.default.div.withConfig({displayName:"vui--HintText",componentId:"vui--1bctk32"})`font-family:${o.theme.fontFamily};font-size:${o.theme.sizes[3]};line-height:${o.theme.sizes[4]};color:${o.theme.colors.neutral.ink.light};`,u=r.default.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--1x2dicy"})`font-family:${o.theme.text.error.fontFamily};font-size:${o.theme.text.error.fontSize};font-weight:${o.theme.text.error.fontWeight};line-height:${o.theme.text.error.lineHeight};color:${o.theme.text.error.color};`,m=r.default.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--19rnaoe"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,c=r.default(m).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--mk2qjd"})`border:2px solid ${o.theme.colors.neutral.grey.dark};border-radius:${o.theme.radius.md};padding:${o.theme.sizes.base} 0.75rem;&:hover{border-color:${o.theme.colors.secondary.blue.base};}`,f=r.default(t.Tooltip).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--17swyyl"})`display:block;&-hoverable{display:block;}`;exports.AccessoryLayout=s,exports.BlockTooltip=f,exports.BorderedWrapper=c,exports.ErrorText=u,exports.HintText=p,exports.InputLayout=n,exports.RootLayout=l,exports.TextLayout=d,exports.Wrapper=m;
+"use strict";var e=require("styled-components"),t=require("../../Tooltip/Tooltip.cjs"),o=require("../../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var i=r(e);const l={top:"flex-start",center:"center"},s=i.default.div`
+  display: flex;
+  align-items: center;
+
+  & > * + * {
+    margin-left: ${o.theme.sizes.base};
+  }
+`,n=i.default.div`
+  align-self: stretch;
+  display: flex;
+  align-items: ${e=>l[e.align]};
+`,a=i.default.div`
+  align-self: center;
+  display: flex;
+  align-items: center;
+`,d=i.default.div`
+  flex: 1;
+
+  & > * + * {
+    margin-top: ${o.theme.sizes.sm};
+  }
+`,h=i.default.div`
+  font-family: ${o.theme.fontFamily};
+  font-size: ${o.theme.sizes[3]};
+  line-height: ${o.theme.sizes[4]};
+  color: ${o.theme.colors.neutral.ink.light};
+`,m=i.default.div`
+  font-family: ${o.theme.text.error.fontFamily};
+  font-size: ${o.theme.text.error.fontSize};
+  font-weight: ${o.theme.text.error.fontWeight};
+  line-height: ${o.theme.text.error.lineHeight};
+  color: ${o.theme.text.error.color};
+`,p=i.default.label`
+  box-sizing: border-box;
+
+  &:hover {
+    cursor: ${e=>e.disabled?"default":"pointer"};
+  }
+`,c=i.default(p)`
+  border: 2px solid ${o.theme.colors.neutral.grey.dark};
+  border-radius: ${o.theme.radius.md};
+  padding: ${o.theme.sizes.base} 0.75rem;
+
+  &:hover {
+    border-color: ${o.theme.colors.secondary.blue.base};
+  }
+`,f=i.default(t.Tooltip)`
+  /* Tooltip uses inline-block containers which add more height when
+     the child component is an inline element (e.g. Glyph or an SVG),
+     so we need to set to block to preserve the height and fix alignment. */
+  display: block;
+  &-hoverable {
+    display: block;
+  }
+`;exports.AccessoryLayout=a,exports.BlockTooltip=f,exports.BorderedWrapper=c,exports.ErrorText=m,exports.HintText=h,exports.InputLayout=n,exports.RootLayout=s,exports.TextLayout=d,exports.Wrapper=p;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":[null],"names":["alignMap","top","center","RootLayout","styled","default","div","withConfig","displayName","componentId","theme","sizes","base","InputLayout","props","align","AccessoryLayout","sm","HintText","fontFamily","colors","neutral","ink","light","ErrorText","text","error","fontSize","fontWeight","lineHeight","color","label","disabled","BorderedWrapper","Wrapper","grey","dark","radius","md","secondary","blue","BlockTooltip","Tooltip"],"mappings":"2LAoBC,MAAAA,EAAA,CAEMC,IAAA,aAMAC,OAAA,UAcAC,EAAcC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,eAKnB,yDAAAC,EAAAA,MAAAC,MAAAC,SAEKC,EAAeT,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAMpB,+CAAAK,GAAAd,EAAAc,EAAAC,UAEFC,EAAoBZ,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAA,uDAAmCL,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAA,+BAAAC,EAAAA,MAAAC,MAAAM,OAMrDC,EAAAd,EAAAA,QAAAE,IAAAC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAA,eAAAC,EAAAA,MAAAS,wBAAAT,QAAAC,MAAA,kBAAAD,EAAAA,MAAAC,MAAA,YAAAD,EAAAA,MAAAU,OAAAC,QAAAC,IAAAC,SAEFC,EAA4BpB,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAA,eAAAC,QAAAe,KAAAC,MAAAP,wBAAAT,QAAAe,KAAAC,MAAAC,wBAAAjB,EAAAA,MAAAe,KAAAC,MAAAE,0BAAAlB,EAAAA,MAAAe,KAAAC,MAAAG,oBAAAnB,EAAAA,MAAAe,KAAAC,MAAAI,WAR2B1B,EAAAC,QAAA0B,MAAAxB,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAA,wCAAAK,GAAAA,EAAAkB,SAAA,UAAA,cAgBrDC,EAAA7B,EAAAC,QAAA6B,GAAA3B,WAAA,CAAAC,YAAA,uBAAAC,YAAA,eAAA,oBAAAC,EAAAA,MAAAU,OAAAC,QAAAc,KAAAC,sBAAA1B,EAAAA,MAAA2B,OAAAC,cAAA5B,EAAAA,MAAAC,MAAAC,qCAAAF,EAAAA,MAAAU,OAAAmB,UAAAC,KAAA5B,SAEK6B,EAAkBrC,EAAAC,QAAAqC,WAAAnC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":[null],"names":["alignMap","top","center","RootLayout","styled","div","theme","sizes","base","InputLayout"],"mappings":"2LAoBC,MAAAA,EAAA,CAEMC,IAAA,aAMAC,OAAA,UAcAC,EAAcC,EAAAA,QAAAC,GAAA;;;;;qBAuBOC,MAAAC,MAAAC;;EAUrBC,EAAkBL,EAAAA,QAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Choice/components/styled.js

@@ -1,2 +1,56 @@
-import i from"styled-components";import{Tooltip as e}from"../../Tooltip/Tooltip.js";import{theme as o}from"../../../theme/index.js";const t={top:"flex-start",center:"center"},r=i.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--3b6yzv"})`display:flex;align-items:center;& > * + *{margin-left:${o.sizes.base};}`,n=i.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--8ngm7b"})`align-self:stretch;display:flex;align-items:${i=>t[i.align]};`,l=i.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--1cu5xjr"})`align-self:center;display:flex;align-items:center;`,a=i.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1na6cp4"})`flex:1;& > * + *{margin-top:${o.sizes.sm};}`,s=i.div.withConfig({displayName:"vui--HintText",componentId:"vui--1bctk32"})`font-family:${o.fontFamily};font-size:${o.sizes[3]};line-height:${o.sizes[4]};color:${o.colors.neutral.ink.light};`,d=i.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--1x2dicy"})`font-family:${o.text.error.fontFamily};font-size:${o.text.error.fontSize};font-weight:${o.text.error.fontWeight};line-height:${o.text.error.lineHeight};color:${o.text.error.color};`,p=i.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--19rnaoe"})`box-sizing:border-box;&:hover{cursor:${i=>i.disabled?"default":"pointer"};}`,m=i(p).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--mk2qjd"})`border:2px solid ${o.colors.neutral.grey.dark};border-radius:${o.radius.md};padding:${o.sizes.base} 0.75rem;&:hover{border-color:${o.colors.secondary.blue.base};}`,c=i(e).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--17swyyl"})`display:block;&-hoverable{display:block;}`;export{l as AccessoryLayout,c as BlockTooltip,m as BorderedWrapper,d as ErrorText,s as HintText,n as InputLayout,r as RootLayout,a as TextLayout,p as Wrapper};
+import e from"styled-components";import{Tooltip as o}from"../../Tooltip/Tooltip.js";import{theme as i}from"../../../theme/index.js";const t={top:"flex-start",center:"center"},r=e.div`
+  display: flex;
+  align-items: center;
+
+  & > * + * {
+    margin-left: ${i.sizes.base};
+  }
+`,l=e.div`
+  align-self: stretch;
+  display: flex;
+  align-items: ${e=>t[e.align]};
+`,n=e.div`
+  align-self: center;
+  display: flex;
+  align-items: center;
+`,s=e.div`
+  flex: 1;
+
+  & > * + * {
+    margin-top: ${i.sizes.sm};
+  }
+`,a=e.div`
+  font-family: ${i.fontFamily};
+  font-size: ${i.sizes[3]};
+  line-height: ${i.sizes[4]};
+  color: ${i.colors.neutral.ink.light};
+`,d=e.div`
+  font-family: ${i.text.error.fontFamily};
+  font-size: ${i.text.error.fontSize};
+  font-weight: ${i.text.error.fontWeight};
+  line-height: ${i.text.error.lineHeight};
+  color: ${i.text.error.color};
+`,c=e.label`
+  box-sizing: border-box;
+
+  &:hover {
+    cursor: ${e=>e.disabled?"default":"pointer"};
+  }
+`,f=e(c)`
+  border: 2px solid ${i.colors.neutral.grey.dark};
+  border-radius: ${i.radius.md};
+  padding: ${i.sizes.base} 0.75rem;
+
+  &:hover {
+    border-color: ${i.colors.secondary.blue.base};
+  }
+`,h=e(o)`
+  /* Tooltip uses inline-block containers which add more height when
+     the child component is an inline element (e.g. Glyph or an SVG),
+     so we need to set to block to preserve the height and fix alignment. */
+  display: block;
+  &-hoverable {
+    display: block;
+  }
+`;export{n as AccessoryLayout,h as BlockTooltip,f as BorderedWrapper,d as ErrorText,a as HintText,l as InputLayout,r as RootLayout,s as TextLayout,c as Wrapper};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":[null],"names":["alignMap","top","center","RootLayout","styled","div","withConfig","displayName","componentId","theme","sizes","base","InputLayout","props","align","AccessoryLayout","sm","HintText","fontFamily","colors","neutral","ink","light","ErrorText","text","error","fontSize","fontWeight","lineHeight","color","label","disabled","BorderedWrapper","Wrapper","grey","dark","radius","md","secondary","blue","BlockTooltip","Tooltip"],"mappings":"oIAoBC,MAAAA,EAAA,CAEMC,IAAA,aAMAC,OAAA,UAcAC,EAAcC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,eAKnB,yDAAAC,EAAAC,MAAAC,SAEKC,EAAeR,EAAAC,IAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAMpB,+CAAAK,GAAAb,EAAAa,EAAAC,UAEFC,EAAoBX,EAAAC,IAAAC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAA,uDAAmCJ,EAAAC,IAAAC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAA,+BAAAC,EAAAC,MAAAM,OAMrDC,EAAAb,EAAAC,IAAAC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAA,eAAAC,EAAAS,wBAAAT,EAAAC,MAAA,kBAAAD,EAAAC,MAAA,YAAAD,EAAAU,OAAAC,QAAAC,IAAAC,SAEFC,EAA4BnB,EAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAA,eAAAC,EAAAe,KAAAC,MAAAP,wBAAAT,EAAAe,KAAAC,MAAAC,wBAAAjB,EAAAe,KAAAC,MAAAE,0BAAAlB,EAAAe,KAAAC,MAAAG,oBAAAnB,EAAAe,KAAAC,MAAAI,WAR2BzB,EAAA0B,MAAAxB,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAA,wCAAAK,GAAAA,EAAAkB,SAAA,UAAA,cAgBrDC,EAAA5B,EAAA6B,GAAA3B,WAAA,CAAAC,YAAA,uBAAAC,YAAA,eAAA,oBAAAC,EAAAU,OAAAC,QAAAc,KAAAC,sBAAA1B,EAAA2B,OAAAC,cAAA5B,EAAAC,MAAAC,qCAAAF,EAAAU,OAAAmB,UAAAC,KAAA5B,SAEK6B,EAAkBpC,EAAAqC,GAAAnC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAA"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":[null],"names":["alignMap","top","center","RootLayout","styled","div","sizes","base","InputLayout"],"mappings":"oIAoBC,MAAAA,EAAA,CAEMC,IAAA,aAMAC,OAAA,UAcAC,EAAcC,EAAAC,GAAA;;;;;qBAuBOC,MAAAC;;EAUrBC,EAAkBJ,EAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ChoiceList/styled.cjs

@@ -1,2 +1,19 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const o=n.default.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--z1f13i"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,l=n.default.legend.withConfig({displayName:"vui--Legend",componentId:"vui--snr02n"})`font-family:${t.theme.text.inputLabel.fontFamily};font-size:${t.theme.text.inputLabel.fontSize};font-style:${t.theme.text.inputLabel.fontStyle};font-weight:${t.theme.text.inputLabel.fontWeight};line-height:${t.theme.text.inputLabel.lineHeight};text-decoration:${t.theme.text.inputLabel.textDecoration};color:${t.theme.text.inputLabel.color};`;exports.Fieldset=o,exports.Legend=l;
+"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var i=n(e);const l=i.default.fieldset`
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  border: 0;
+
+  & > * + * {
+    margin-top: 16px;
+  }
+`,o=i.default.legend`
+  font-family: ${t.theme.text.inputLabel.fontFamily};
+  font-size: ${t.theme.text.inputLabel.fontSize};
+  font-style: ${t.theme.text.inputLabel.fontStyle};
+  font-weight: ${t.theme.text.inputLabel.fontWeight};
+  line-height: ${t.theme.text.inputLabel.lineHeight};
+  text-decoration: ${t.theme.text.inputLabel.textDecoration};
+  color: ${t.theme.text.inputLabel.color};
+`;exports.Fieldset=l,exports.Legend=o;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/ChoiceList/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/ChoiceList/styled.js

@@ -1,2 +1,19 @@
-import t from"styled-components";import{theme as e}from"../../theme/index.js";const i=t.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--z1f13i"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,n=t.legend.withConfig({displayName:"vui--Legend",componentId:"vui--snr02n"})`font-family:${e.text.inputLabel.fontFamily};font-size:${e.text.inputLabel.fontSize};font-style:${e.text.inputLabel.fontStyle};font-weight:${e.text.inputLabel.fontWeight};line-height:${e.text.inputLabel.lineHeight};text-decoration:${e.text.inputLabel.textDecoration};color:${e.text.inputLabel.color};`;export{i as Fieldset,n as Legend};
+import t from"styled-components";import{theme as e}from"../../theme/index.js";const i=t.fieldset`
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  border: 0;
+
+  & > * + * {
+    margin-top: 16px;
+  }
+`,n=t.legend`
+  font-family: ${e.text.inputLabel.fontFamily};
+  font-size: ${e.text.inputLabel.fontSize};
+  font-style: ${e.text.inputLabel.fontStyle};
+  font-weight: ${e.text.inputLabel.fontWeight};
+  line-height: ${e.text.inputLabel.lineHeight};
+  text-decoration: ${e.text.inputLabel.textDecoration};
+  color: ${e.text.inputLabel.color};
+`;export{i as Fieldset,n as Legend};
 //# sourceMappingURL=styled.js.map

package/dist/components/ChoiceList/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/CopyToClipboard/CopyToClipboard.cjs

@@ -1,2 +1,11 @@
-"use strict";var e=require("react"),t=require("styled-components"),o=require("../Tooltip/Tooltip.cjs"),s=require("../../theme/modules/colors.cjs"),a=require("../../tempIcons/SuccessIcon.cjs"),r=require("../../theme/modules/sizes.cjs"),i=require("../Button/Button.cjs"),c=require("../../tempIcons/ClipboardIcon.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e),u=l(t);const d={width:r.sizes.base,height:r.sizes.base},p=u.default(i.Button).withConfig({displayName:"vui--XSButton",componentId:"vui--n9oowl"})`padding:1px;height:unset;span{height:${r.sizes.base};width:${r.sizes.base};top:unset;}`;exports.CopyToClipboard=({className:t,text:r,onCopy:i})=>{const[l,u]=n.default.useState(!1),m=e.useCallback((()=>{navigator.clipboard.writeText(r),i&&i(),u(!0),setTimeout((()=>u(!1)),2500)}),[i,r]);return n.default.createElement(o.Tooltip,{text:l?"Copied!":"Copy to clipboard"},n.default.createElement(p,{variant:"flat",size:"sm",className:t,"aria-label":`${l?"Copied":"Copy"} "${r}" to clipboard`,iconSlot:l?n.default.createElement(a.SuccessIcon,{color:s.colors.secondary.green.base,...d}):n.default.createElement(c.ClipboardIcon,{color:s.colors.secondary.blue.base,...d}),onClick:m}))};
+"use strict";var e=require("react"),t=require("styled-components"),o=require("../Tooltip/Tooltip.cjs"),s=require("../../theme/modules/colors.cjs"),r=require("../../tempIcons/SuccessIcon.cjs"),a=require("../../theme/modules/sizes.cjs"),c=require("../Button/Button.cjs"),i=require("../../tempIcons/ClipboardIcon.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e),u=l(t);const d={width:a.sizes.base,height:a.sizes.base},p=u.default(c.Button)`
+  padding: 1px;
+  height: unset;
+
+  span {
+    height: ${a.sizes.base};
+    width: ${a.sizes.base};
+    top: unset;
+  }
+`;exports.CopyToClipboard=({className:t,text:a,onCopy:c})=>{const[l,u]=n.default.useState(!1),b=e.useCallback((()=>{navigator.clipboard.writeText(a),c&&c(),u(!0),setTimeout((()=>u(!1)),2500)}),[c,a]);return n.default.createElement(o.Tooltip,{text:l?"Copied!":"Copy to clipboard"},n.default.createElement(p,{variant:"flat",size:"sm",className:t,"aria-label":`${l?"Copied":"Copy"} "${a}" to clipboard`,iconSlot:l?n.default.createElement(r.SuccessIcon,{color:s.colors.secondary.green.base,...d}):n.default.createElement(i.ClipboardIcon,{color:s.colors.secondary.blue.base,...d}),onClick:b}))};
 //# sourceMappingURL=CopyToClipboard.cjs.map

package/dist/components/CopyToClipboard/CopyToClipboard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":[null],"names":["iconSizes","width","sizes","base","height"],"mappings":"iYAmCG,MAAAA,EAAA,CAAAC,MAAAC,EAAAA,MAAAC,KAAAC,OAAAF,EAAAA,MAAAC"}
+{"version":3,"file":"CopyToClipboard.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":[null],"names":["iconSizes","width","sizes","base","height"],"mappings":"iYAmCG,MAAAA,EAAA,CAAAC,MAAAC,EAAAA,MAAAC,KAAAC,OAAAF,EAAAA,MAAAC;;;;;;;;;"}

package/dist/components/CopyToClipboard/CopyToClipboard.js

@@ -1,2 +1,11 @@
-import o,{useCallback as e}from"react";import t from"styled-components";import{Tooltip as s}from"../Tooltip/Tooltip.js";import{colors as r}from"../../theme/modules/colors.js";import{SuccessIcon as i}from"../../tempIcons/SuccessIcon.js";import{sizes as a}from"../../theme/modules/sizes.js";import{Button as m}from"../Button/Button.js";import{ClipboardIcon as n}from"../../tempIcons/ClipboardIcon.js";const p={width:a.base,height:a.base},c=t(m).withConfig({displayName:"vui--XSButton",componentId:"vui--n9oowl"})`padding:1px;height:unset;span{height:${a.base};width:${a.base};top:unset;}`,l=({className:t,text:a,onCopy:m})=>{const[l,d]=o.useState(!1),u=e((()=>{navigator.clipboard.writeText(a),m&&m(),d(!0),setTimeout((()=>d(!1)),2500)}),[m,a]);return o.createElement(s,{text:l?"Copied!":"Copy to clipboard"},o.createElement(c,{variant:"flat",size:"sm",className:t,"aria-label":`${l?"Copied":"Copy"} "${a}" to clipboard`,iconSlot:l?o.createElement(i,{color:r.secondary.green.base,...p}):o.createElement(n,{color:r.secondary.blue.base,...p}),onClick:u}))};export{l as CopyToClipboard};
+import e,{useCallback as o}from"react";import t from"styled-components";import{Tooltip as r}from"../Tooltip/Tooltip.js";import{colors as s}from"../../theme/modules/colors.js";import{SuccessIcon as a}from"../../tempIcons/SuccessIcon.js";import{sizes as i}from"../../theme/modules/sizes.js";import{Button as m}from"../Button/Button.js";import{ClipboardIcon as n}from"../../tempIcons/ClipboardIcon.js";const p={width:i.base,height:i.base},c=t(m)`
+  padding: 1px;
+  height: unset;
+
+  span {
+    height: ${i.base};
+    width: ${i.base};
+    top: unset;
+  }
+`,l=({className:t,text:i,onCopy:m})=>{const[l,d]=e.useState(!1),b=o((()=>{navigator.clipboard.writeText(i),m&&m(),d(!0),setTimeout((()=>d(!1)),2500)}),[m,i]);return e.createElement(r,{text:l?"Copied!":"Copy to clipboard"},e.createElement(c,{variant:"flat",size:"sm",className:t,"aria-label":`${l?"Copied":"Copy"} "${i}" to clipboard`,iconSlot:l?e.createElement(a,{color:s.secondary.green.base,...p}):e.createElement(n,{color:s.secondary.blue.base,...p}),onClick:b}))};export{l as CopyToClipboard};
 //# sourceMappingURL=CopyToClipboard.js.map

package/dist/components/CopyToClipboard/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":[null],"names":["iconSizes","width","sizes","base","height"],"mappings":"+YAmCG,MAAAA,EAAA,CAAAC,MAAAC,EAAAC,KAAAC,OAAAF,EAAAC"}
+{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":[null],"names":["iconSizes","width","sizes","base","height"],"mappings":"+YAmCG,MAAAA,EAAA,CAAAC,MAAAC,EAAAC,KAAAC,OAAAF,EAAAC;;;;;;;;;"}

package/dist/components/DataTable/components/ActionBar.cjs

@@ -1,2 +1,24 @@
-"use strict";var e=require("react"),t=require("styled-components"),n=require("../../../theme/index.cjs"),r=require("../renderers/renderHeader.cjs"),i=require("../constants.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var l=o(e),s=o(t);const u=s.default.div.withConfig({displayName:"vui--Container",componentId:"vui--uoc40o"})`display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${i.headerCellHeight};background-color:white;`,c=s.default.div.withConfig({displayName:"vui--Content",componentId:"vui--x1996k"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${n.theme.colors.neutral.grey.base};& > *{flex:1;}`;exports.ActionBar=function({selectionColumn:t,intersectionTargetRef:n,containerRef:i,children:o}){var s;const[d,a]=e.useState(!1);e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{a(!e.isIntersecting)}))}));return e.observe(n.current),()=>e.disconnect()}),[n.current]);const f=null===(s=i.current)||void 0===s?void 0:s.getBoundingClientRect(),g={position:"fixed",top:0,left:null==f?void 0:f.left,width:null==f?void 0:f.width},h=d?g:{position:"absolute",top:0,left:0,right:0};return l.default.createElement(u,{style:h},r.renderHeader({column:t}),l.default.createElement(c,null,o))};
+"use strict";var e=require("react"),t=require("styled-components"),r=require("../../../theme/index.cjs"),n=require("../renderers/renderHeader.cjs"),i=require("../constants.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var l=o(e),s=o(t);const c=s.default.div`
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 50;
+  height: ${i.headerCellHeight};
+  background-color: white;
+`,d=s.default.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 0.5rem;
+  border-bottom: 1px solid ${r.theme.colors.neutral.grey.base};
+
+  & > * {
+    flex: 1;
+  }
+`;exports.ActionBar=function({selectionColumn:t,intersectionTargetRef:r,containerRef:i,children:o}){var s;const[u,a]=e.useState(!1);e.useEffect((()=>{if(!r.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{a(!e.isIntersecting)}))}));return e.observe(r.current),()=>e.disconnect()}),[r.current]);const f=null===(s=i.current)||void 0===s?void 0:s.getBoundingClientRect(),g={position:"fixed",top:0,left:null==f?void 0:f.left,width:null==f?void 0:f.width},h=u?g:{position:"absolute",top:0,left:0,right:0};return l.default.createElement(c,{style:h},n.renderHeader({column:t}),l.default.createElement(d,null,o))};
 //# sourceMappingURL=ActionBar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/DataTable/components/ActionBar.tsx"],"sourcesContent":[null],"names":["Container","styled","div","withConfig","displayName","componentId","headerCellHeight","Content","default","theme","colors","neutral","grey","base","selectionColumn","intersectionTargetRef","containerRef","children","_a"],"mappings":"uPAoCE,MAAAA,EAAAC,EAAAA,QAAqBC,IAAEC,WAAU,CAAAC,YAAa,iBAAAC,YAAA,eAAA,2HAAAC,EAAAA,2CAC9CC,EAAYN,EAAEO,QAAAN,IAASC,WAAC,CAAYC,YAAC,eAAAC,YAAA,eAAA,mGAAAI,EAAAA,MAAAC,OAAAC,QAAAC,KAAAC,wCACtC,UAAAC,gBAAAA,EAAAC,sBAAAA,EAAAC,aAAAA,EAAAC,SAAAA,IAED,IAAAC"}
+{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/DataTable/components/ActionBar.tsx"],"sourcesContent":[null],"names":["Container","styled","div"],"mappings":"uPAoCE,MAAAA,EAAAC,EAAAA,QAAqBC,GAAE;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/ActionBar.js

@@ -1,2 +1,24 @@
-import e,{useState as t,useEffect as n}from"react";import o from"styled-components";import{theme as i}from"../../../theme/index.js";import{renderHeader as r}from"../renderers/renderHeader.js";import{headerCellHeight as l}from"../constants.js";const s=o.div.withConfig({displayName:"vui--Container",componentId:"vui--uoc40o"})`display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${l};background-color:white;`,c=o.div.withConfig({displayName:"vui--Content",componentId:"vui--x1996k"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${i.colors.neutral.grey.base};& > *{flex:1;}`;function d({selectionColumn:o,intersectionTargetRef:i,containerRef:l,children:d}){var a;const[m,u]=t(!1);n((()=>{if(!i.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{u(!e.isIntersecting)}))}));return e.observe(i.current),()=>e.disconnect()}),[i.current]);const p=null===(a=l.current)||void 0===a?void 0:a.getBoundingClientRect(),f={position:"fixed",top:0,left:null==p?void 0:p.left,width:null==p?void 0:p.width},g=m?f:{position:"absolute",top:0,left:0,right:0};return e.createElement(s,{style:g},r({column:o}),e.createElement(c,null,d))}export{d as ActionBar};
+import e,{useState as t,useEffect as r}from"react";import n from"styled-components";import{theme as o}from"../../../theme/index.js";import{renderHeader as i}from"../renderers/renderHeader.js";import{headerCellHeight as l}from"../constants.js";const s=n.div`
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 50;
+  height: ${l};
+  background-color: white;
+`,c=n.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 0.5rem;
+  border-bottom: 1px solid ${o.colors.neutral.grey.base};
+
+  & > * {
+    flex: 1;
+  }
+`;function d({selectionColumn:n,intersectionTargetRef:o,containerRef:l,children:d}){var m;const[a,u]=t(!1);r((()=>{if(!o.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{u(!e.isIntersecting)}))}));return e.observe(o.current),()=>e.disconnect()}),[o.current]);const f=null===(m=l.current)||void 0===m?void 0:m.getBoundingClientRect(),p={position:"fixed",top:0,left:null==f?void 0:f.left,width:null==f?void 0:f.width},g=a?p:{position:"absolute",top:0,left:0,right:0};return e.createElement(s,{style:g},i({column:n}),e.createElement(c,null,d))}export{d as ActionBar};
 //# sourceMappingURL=ActionBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","sources":["../../../../src/components/DataTable/components/ActionBar.tsx"],"sourcesContent":[null],"names":["Container","styled","div","withConfig","displayName","componentId","headerCellHeight","Content","theme","colors","neutral","grey","base","ActionBar","selectionColumn","intersectionTargetRef","containerRef","children","_a"],"mappings":"mPAoCE,MAAAA,EAAAC,EAAqBC,IAAEC,WAAU,CAAAC,YAAa,iBAAAC,YAAA,eAAA,2HAAAC,4BAC9CC,EAAYN,EAAEC,IAASC,WAAC,CAAYC,YAAC,eAAAC,YAAA,eAAA,mGAAAG,EAAAC,OAAAC,QAAAC,KAAAC,sBACtC,SAAAC,GAAAC,gBAAAA,EAAAC,sBAAAA,EAAAC,aAAAA,EAAAC,SAAAA,IAED,IAAAC"}
+{"version":3,"file":"ActionBar.js","sources":["../../../../src/components/DataTable/components/ActionBar.tsx"],"sourcesContent":[null],"names":["Container","styled","div"],"mappings":"mPAoCE,MAAAA,EAAAC,EAAqBC,GAAE;;;;;;;;;;;;;;;;;;;;;;"}

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

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