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

package/dist/components/ViewTab/styled.js

@@ -1,2 +1,50 @@
-import n from"styled-components";import{colors as o}from"../../theme/modules/colors.js";import{Text as e}from"../Text/Text.js";import{BaseContainer as r}from"../BaseContainer/BaseContainer.js";import{sizes as i}from"../../theme/modules/sizes.js";import{ThreeDotsIcon as t}from"../../tempIcons/ThreeDotsIcon.js";import{CrossIcon as a}from"../../tempIcons/CrossIcon.js";import{FlatButton as l}from"../Button/components/styled.js";import{theme as s}from"../../theme/index.js";const d=n(e).withConfig({displayName:"vui--CounterText",componentId:"vui--3am01d"})`line-height:1;`,c=n(t).withConfig({displayName:"vui--ThreeDotsIconStyling",componentId:"vui--1uc98sf"})``,u=n(a).withConfig({displayName:"vui--CrossIconStyling",componentId:"vui--1te682y"})``,m=n(e).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1giom5i"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:n,colourPalette:e})=>n&&`\n      background-color: ${e.dark};\n\n      & > ${d} {\n        color: ${o.neutral.grey.lightest};\n      }\n  `}`,p=n(r).withConfig({displayName:"vui--Contour",componentId:"vui--jegwey"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:${s.sizes.sm};border:1px solid transparent;cursor:pointer;background-color:transparent;${({customTextColour:n})=>`\n\n  &:hover {\n    background-color: ${o.neutral.grey.base};\n    & > ${m} {\n      background-color: ${o.neutral.grey.base};\n      & > ${d} {\n        color: ${o.neutral.ink.base};\n      }\n    }\n    & > ${e} {\n      color: ${null!=n?n:o.neutral.ink.dark};\n    }\n    & > ${c} {\n      color: ${o.neutral.ink.dark};\n    }\n    & > ${u} {\n      color: ${o.neutral.ink.dark};\n    }\n  }\n\n  & > ${e} {\n    color: ${null!=n?n:o.neutral.ink.dark};\n  }\n  `} ${({active:n,colourPalette:o,customTextColour:r})=>n&&`\n    background-color: ${o.lightest};\n\n    & > ${c} {\n      color: ${o.dark};\n    }\n    & > ${u} {\n      color: ${o.dark};\n    }\n\n    & > ${e} {\n      color: ${null!=r?r:o.dark};\n    }\n  `}`,g=n(l).withConfig({displayName:"vui--ViewButton",componentId:"vui--176jtjf"})`padding:${s.sizes.sm};box-sizing:border-box;border-radius:4px;border:none;position:relative;margin:0;padding:0;${({customTextColour:n})=>`\n  &:focus-visible {\n    ${p} {\n      background-color: ${o.neutral.grey.base};\n      & > ${m} {\n        background-color: ${o.neutral.grey.base};\n        & > ${d} {\n          color: ${o.neutral.ink.base};\n        }\n      }\n      & > ${e} {\n        color: ${null!=n?n:o.neutral.ink.dark};\n      }\n      & > ${c} {\n        color: ${o.neutral.ink.dark};\n      }\n      & > ${u} {\n        color: ${o.neutral.ink.dark};\n      }\n    }\n  `}`,$={style:{marginLeft:i.xs,padding:i.xs,height:i.base,width:i.base}},h=n.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--1omb2tl"})`display:flex;align-items:center;margin-right:${i.sm};svg{height:${i.base};width:${i.base};}`;export{p as Contour,m as CounterContainer,d as CounterText,u as CrossIconStyling,h as CustomIconWrapper,$ as IconStyling,e as Text,c as ThreeDotsIconStyling,g as ViewButton};
+import n from"styled-components";import{colors as r}from"../../theme/modules/colors.js";import{Text as o}from"../Text/Text.js";import{BaseContainer as e}from"../BaseContainer/BaseContainer.js";import{sizes as t}from"../../theme/modules/sizes.js";import{ThreeDotsIcon as i}from"../../tempIcons/ThreeDotsIcon.js";import{CrossIcon as l}from"../../tempIcons/CrossIcon.js";import{FlatButton as a}from"../Button/components/styled.js";import{theme as s}from"../../theme/index.js";const d=n(o)`
+  line-height: 1;
+`,c=n(i)``,$=n(l)``,u=n(o)`
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+  padding: 2px 4px;
+  min-width: 20px;
+  height: 20px;
+  margin-left: 8px;
+
+  ${({active:n,colourPalette:o})=>n&&`\n      background-color: ${o.dark};\n\n      & > ${d} {\n        color: ${r.neutral.grey.lightest};\n      }\n  `}
+`,m=n(e)`
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 40px;
+  border-radius: 4px;
+  padding: ${s.sizes.sm};
+  border: 1px solid transparent;
+  cursor: pointer;
+  background-color: transparent;
+
+  ${({customTextColour:n})=>`\n\n  &:hover {\n    background-color: ${r.neutral.grey.base};\n    & > ${u} {\n      background-color: ${r.neutral.grey.base};\n      & > ${d} {\n        color: ${r.neutral.ink.base};\n      }\n    }\n    & > ${o} {\n      color: ${null!=n?n:r.neutral.ink.dark};\n    }\n    & > ${c} {\n      color: ${r.neutral.ink.dark};\n    }\n    & > ${$} {\n      color: ${r.neutral.ink.dark};\n    }\n  }\n\n  & > ${o} {\n    color: ${null!=n?n:r.neutral.ink.dark};\n  }\n  `}
+
+  ${({active:n,colourPalette:r,customTextColour:e})=>n&&`\n    background-color: ${r.lightest};\n\n    & > ${c} {\n      color: ${r.dark};\n    }\n    & > ${$} {\n      color: ${r.dark};\n    }\n\n    & > ${o} {\n      color: ${null!=e?e:r.dark};\n    }\n  `}
+`,p=n(a)`
+  padding: ${s.sizes.sm};
+  box-sizing: border-box;
+  border-radius: 4px;
+  border: none;
+  position: relative;
+  margin: 0;
+  padding: 0;
+
+  ${({customTextColour:n})=>`\n  &:focus-visible {\n    ${m} {\n      background-color: ${r.neutral.grey.base};\n      & > ${u} {\n        background-color: ${r.neutral.grey.base};\n        & > ${d} {\n          color: ${r.neutral.ink.base};\n        }\n      }\n      & > ${o} {\n        color: ${null!=n?n:r.neutral.ink.dark};\n      }\n      & > ${c} {\n        color: ${r.neutral.ink.dark};\n      }\n      & > ${$} {\n        color: ${r.neutral.ink.dark};\n      }\n    }\n  `}
+`,g={style:{marginLeft:t.xs,padding:t.xs,height:t.base,width:t.base}},k=n.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.sm};
+
+  svg {
+    height: ${t.base};
+    width: ${t.base};
+  }
+`;export{m as Contour,u as CounterContainer,d as CounterText,$ as CrossIconStyling,k as CustomIconWrapper,g as IconStyling,o as Text,c as ThreeDotsIconStyling,p as ViewButton};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ViewTab/styled.ts"],"sourcesContent":[null],"names":["CounterText","Text","withConfig","displayName","componentId","ThreeDotsIconStyling","styled","ThreeDotsIcon","CrossIconStyling","CrossIcon","CounterContainer","active","colourPalette","dark","Contour","BaseContainer","theme","sizes","sm","customTextColour"],"mappings":"ydAkBM,MAAAA,IAAqBC,GAAGC,WAAiB,CAAAC,YAAoB,mBAAEC,YAAA,eAAA,iBAErEC,EAAiBC,EAAAC,GAAAL,WAAA,CAAAC,YAAA,4BAAAC,YAAA,gBAEf,GAEFI,EAA0BF,EAAAG,GAAAP,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,GAC1BM,EAAsBJ,EAAAL,GAAAC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,iKAAuB,EAAAO,SAAAC,mBAAAD,GAE7C,6BAsBaC,EAAAC,uFA4GbC,EACYR,EACHS,GAEPb,WAAA,CAAAC,YACA,eAEAC,2BACA,8GACAY,EAAAC,MAAAC,+EAAA,EAAAC,sBAAA"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/ViewTab/styled.ts"],"sourcesContent":[null],"names":["CounterText","Text","ThreeDotsIconStyling","styled","ThreeDotsIcon","CrossIconStyling","CrossIcon","CounterContainer"],"mappings":"ydAkBM,MAAAA,IAAqBC,EAAG;;EAO9BC,EAAsBC,EAAAC,EAAA,GAEtBC,EAAsBF,EAAAG,EAAA,GAsBtBC,EAAaJ,EAAAF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ViewsContainer/styled.cjs

@@ -1,2 +1,62 @@
-"use strict";var o=require("styled-components"),t=require("../Stack/Stack.cjs"),e=require("../Button/Button.cjs"),r=require("../../tempIcons/LeftArrowIcon.cjs"),n=require("../../tempIcons/RightArrowIcon.cjs"),i=require("../../theme/modules/colors.cjs"),l=require("../../tempIcons/ThreeDotsIcon.cjs"),u=require("../InputGroup/index.cjs");function c(o){return o&&o.__esModule?o:{default:o}}var a=c(o);const d=a.default(t.Stack).withConfig({displayName:"vui--ViewsWrapper",componentId:"vui--1p01q6"})`overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}gap:8px;height:inherit;padding:8px 6px 8px 12px;margin-left:0;`,s=a.default(t.Stack).withConfig({displayName:"vui--Container",componentId:"vui--jg3tdl"})`background-color:${i.colors.neutral.grey.lightest};`,p=a.default(r.LeftArrowIcon).withConfig({displayName:"vui--StyledLeftIcon",componentId:"vui--gdu1c8"})`color:${i.colors.neutral.ink.base};`,g=a.default(n.RightArrowIcon).withConfig({displayName:"vui--StyledRightIcon",componentId:"vui--tvozdf"})`color:${i.colors.neutral.ink.base};`,h=a.default(l.ThreeDotsIcon).withConfig({displayName:"vui--StyledMenuIcon",componentId:"vui--1vjvhoa"})`color:${i.colors.neutral.ink.base};`,f=a.default(e.Button).withConfig({displayName:"vui--StyledMenuButton",componentId:"vui--q5etoj"})`background-color:white;&:hover{background-color:${i.colors.neutral.grey.lightest};}`,y=a.default(e.Button).withConfig({displayName:"vui--StyledLeftButton",componentId:"vui--jo62ep"})`background-color:white;&:disabled{background-color:white;${p}{color:${i.colors.neutral.ink.lightest};}}&:hover{background-color:${i.colors.neutral.grey.lightest};}`,v=a.default(e.Button).withConfig({displayName:"vui--StyledRightButton",componentId:"vui--1yb1huw"})`background-color:white;&:disabled{background-color:white;${g}{color:${i.colors.neutral.ink.lightest};}}&:hover{background-color:${i.colors.neutral.grey.lightest};}`,m=a.default(u.InputGroup).withConfig({displayName:"vui--StyledInputGroup",componentId:"vui--1voa90"})`padding-right:8px;margin-left:0;& > *:first-child:last-child{border-radius:4px !important;}`;exports.Container=s,exports.StyledInputGroup=m,exports.StyledLeftButton=y,exports.StyledLeftIcon=p,exports.StyledMenuButton=f,exports.StyledMenuIcon=h,exports.StyledRightButton=v,exports.StyledRightIcon=g,exports.ViewsWrapper=d;
+"use strict";var o=require("styled-components"),r=require("../Stack/Stack.cjs"),e=require("../Button/Button.cjs"),t=require("../../tempIcons/LeftArrowIcon.cjs"),l=require("../../tempIcons/RightArrowIcon.cjs"),n=require("../../theme/modules/colors.cjs"),c=require("../../tempIcons/ThreeDotsIcon.cjs"),s=require("../InputGroup/index.cjs");function u(o){return o&&o.__esModule?o:{default:o}}var a=u(o);const i=a.default(r.Stack)`
+  overflow-x: scroll;
+  -ms-overflow-style: none; /* for Internet Explorer, Edge */
+  scrollbar-width: none; /* for Firefox */
+
+  ::-webkit-scrollbar {
+    display: none; /* for Chrome, Safari, and Opera */
+  }
+
+  gap: 8px;
+  height: inherit;
+  padding: 8px 6px 8px 12px;
+  margin-left: 0;
+`,d=a.default(r.Stack)`
+  background-color: ${n.colors.neutral.grey.lightest};
+`,p=a.default(t.LeftArrowIcon)`
+  color: ${n.colors.neutral.ink.base};
+`,g=a.default(l.RightArrowIcon)`
+  color: ${n.colors.neutral.ink.base};
+`,h=a.default(c.ThreeDotsIcon)`
+  color: ${n.colors.neutral.ink.base};
+`,f=a.default(e.Button)`
+  background-color: white;
+
+  &:hover {
+    background-color: ${n.colors.neutral.grey.lightest};
+  }
+`,x=a.default(e.Button)`
+  background-color: white;
+
+  &:disabled {
+    background-color: white;
+    ${p} {
+      color: ${n.colors.neutral.ink.lightest};
+    }
+  }
+
+  &:hover {
+    background-color: ${n.colors.neutral.grey.lightest};
+  }
+`,k=a.default(e.Button)`
+  background-color: white;
+
+  &:disabled {
+    background-color: white;
+    ${g} {
+      color: ${n.colors.neutral.ink.lightest};
+    }
+  }
+
+  &:hover {
+    background-color: ${n.colors.neutral.grey.lightest};
+  }
+`,b=a.default(s.InputGroup)`
+  padding-right: 8px;
+  margin-left: 0;
+
+  & > *:first-child:last-child {
+    border-radius: 4px !important;
+  }
+`;exports.Container=d,exports.StyledInputGroup=b,exports.StyledLeftButton=x,exports.StyledLeftIcon=p,exports.StyledMenuButton=f,exports.StyledMenuIcon=h,exports.StyledRightButton=k,exports.StyledRightIcon=g,exports.ViewsWrapper=i;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ViewsContainer/styled.ts"],"sourcesContent":[null],"names":["componentId","colors","neutral","grey","lightest","StyledLeftButton","styled","default","Button","withConfig","displayName","StyledLeftIcon","ink"],"mappings":"uvCA6CE,wBAAAA,YAAA,eAAA,mDAAAC,EAAAA,OAAAC,QAAAC,KAAAC,aAEFC,EAA6BC,EAAAC,QAAAC,UAAAC,WAAA,CAAAC,YAAA,wBAAAV,YAAA,eAAA,4DAAAW,WAAAV,EAAAA,OAAAC,QAAAU,IAAAR,uCAAAH,EAAAA,OAAAC,QAAAC,KAAAC"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ViewsContainer/styled.ts"],"sourcesContent":[null],"names":["Container","styled","Stack"],"mappings":";;;;;;;;;;;;;EA8DAA,EAA8BC,EAAAA,QAAAC,EAAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ViewsContainer/styled.js

@@ -1,2 +1,62 @@
-import o from"styled-components";import{Stack as t}from"../Stack/Stack.js";import{Button as i}from"../Button/Button.js";import{LeftArrowIcon as e}from"../../tempIcons/LeftArrowIcon.js";import{RightArrowIcon as n}from"../../tempIcons/RightArrowIcon.js";import{colors as r}from"../../theme/modules/colors.js";import{ThreeDotsIcon as l}from"../../tempIcons/ThreeDotsIcon.js";import{InputGroup as a}from"../InputGroup/index.js";const d=o(t).withConfig({displayName:"vui--ViewsWrapper",componentId:"vui--1p01q6"})`overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}gap:8px;height:inherit;padding:8px 6px 8px 12px;margin-left:0;`,c=o(t).withConfig({displayName:"vui--Container",componentId:"vui--jg3tdl"})`background-color:${r.neutral.grey.lightest};`,p=o(e).withConfig({displayName:"vui--StyledLeftIcon",componentId:"vui--gdu1c8"})`color:${r.neutral.ink.base};`,u=o(n).withConfig({displayName:"vui--StyledRightIcon",componentId:"vui--tvozdf"})`color:${r.neutral.ink.base};`,s=o(l).withConfig({displayName:"vui--StyledMenuIcon",componentId:"vui--1vjvhoa"})`color:${r.neutral.ink.base};`,m=o(i).withConfig({displayName:"vui--StyledMenuButton",componentId:"vui--q5etoj"})`background-color:white;&:hover{background-color:${r.neutral.grey.lightest};}`,g=o(i).withConfig({displayName:"vui--StyledLeftButton",componentId:"vui--jo62ep"})`background-color:white;&:disabled{background-color:white;${p}{color:${r.neutral.ink.lightest};}}&:hover{background-color:${r.neutral.grey.lightest};}`,h=o(i).withConfig({displayName:"vui--StyledRightButton",componentId:"vui--1yb1huw"})`background-color:white;&:disabled{background-color:white;${u}{color:${r.neutral.ink.lightest};}}&:hover{background-color:${r.neutral.grey.lightest};}`,v=o(a).withConfig({displayName:"vui--StyledInputGroup",componentId:"vui--1voa90"})`padding-right:8px;margin-left:0;& > *:first-child:last-child{border-radius:4px !important;}`;export{c as Container,v as StyledInputGroup,g as StyledLeftButton,p as StyledLeftIcon,m as StyledMenuButton,s as StyledMenuIcon,h as StyledRightButton,u as StyledRightIcon,d as ViewsWrapper};
+import o from"styled-components";import{Stack as r}from"../Stack/Stack.js";import{Button as t}from"../Button/Button.js";import{LeftArrowIcon as e}from"../../tempIcons/LeftArrowIcon.js";import{RightArrowIcon as n}from"../../tempIcons/RightArrowIcon.js";import{colors as l}from"../../theme/modules/colors.js";import{ThreeDotsIcon as i}from"../../tempIcons/ThreeDotsIcon.js";import{InputGroup as a}from"../InputGroup/index.js";const c=o(r)`
+  overflow-x: scroll;
+  -ms-overflow-style: none; /* for Internet Explorer, Edge */
+  scrollbar-width: none; /* for Firefox */
+
+  ::-webkit-scrollbar {
+    display: none; /* for Chrome, Safari, and Opera */
+  }
+
+  gap: 8px;
+  height: inherit;
+  padding: 8px 6px 8px 12px;
+  margin-left: 0;
+`,s=o(r)`
+  background-color: ${l.neutral.grey.lightest};
+`,p=o(e)`
+  color: ${l.neutral.ink.base};
+`,d=o(n)`
+  color: ${l.neutral.ink.base};
+`,g=o(i)`
+  color: ${l.neutral.ink.base};
+`,m=o(t)`
+  background-color: white;
+
+  &:hover {
+    background-color: ${l.neutral.grey.lightest};
+  }
+`,h=o(t)`
+  background-color: white;
+
+  &:disabled {
+    background-color: white;
+    ${p} {
+      color: ${l.neutral.ink.lightest};
+    }
+  }
+
+  &:hover {
+    background-color: ${l.neutral.grey.lightest};
+  }
+`,u=o(t)`
+  background-color: white;
+
+  &:disabled {
+    background-color: white;
+    ${d} {
+      color: ${l.neutral.ink.lightest};
+    }
+  }
+
+  &:hover {
+    background-color: ${l.neutral.grey.lightest};
+  }
+`,f=o(a)`
+  padding-right: 8px;
+  margin-left: 0;
+
+  & > *:first-child:last-child {
+    border-radius: 4px !important;
+  }
+`;export{s as Container,f as StyledInputGroup,h as StyledLeftButton,p as StyledLeftIcon,m as StyledMenuButton,g as StyledMenuIcon,u as StyledRightButton,d as StyledRightIcon,c as ViewsWrapper};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ViewsContainer/styled.ts"],"sourcesContent":[null],"names":["componentId","colors","neutral","grey","lightest","StyledLeftButton","styled","Button","withConfig","displayName","StyledLeftIcon","ink"],"mappings":"soCA6CE,wBAAAA,YAAA,eAAA,mDAAAC,EAAAC,QAAAC,KAAAC,aAEFC,EAA6BC,EAAAC,GAAAC,WAAA,CAAAC,YAAA,wBAAAT,YAAA,eAAA,4DAAAU,WAAAT,EAAAC,QAAAS,IAAAP,uCAAAH,EAAAC,QAAAC,KAAAC"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/ViewsContainer/styled.ts"],"sourcesContent":[null],"names":["Container","styled","Stack"],"mappings":";;;;;;;;;;;;;EA8DAA,EAA8BC,EAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/WeightInput/styled.cjs

@@ -1,2 +1,20 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs"),i=require("../Button/Button.cjs"),o=require("../TextField/index.cjs"),n=require("../BaseContainer/BaseContainer.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const d=a.default(n.BaseContainer).withConfig({displayName:"vui--Container",componentId:"vui--zood5u"})`display:flex;flex-direction:column;position:relative;`,l=a.default(n.BaseContainer).withConfig({displayName:"vui--Row",componentId:"vui--f0y2wt"})`display:flex;flex-direction:row;`,s=a.default(o.TextField).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1l16g0h"})`&&&{text-align:left;width:52px;}`,u=a.default(i.Button).withConfig({displayName:"vui--StyledButton",componentId:"vui--wvwega"})`padding:0 4px;border-color:${t.theme.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n    border-color: ${t.theme.colors.secondary.red.base};\n  `};`;exports.Button=u,exports.Container=d,exports.Row=l,exports.TextField=s;
+"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs"),r=require("../Button/Button.cjs"),o=require("../TextField/index.cjs"),n=require("../BaseContainer/BaseContainer.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(e);const a=s.default(n.BaseContainer)`
+  display: flex;
+  flex-direction: column;
+  position: relative;
+`,l=s.default(n.BaseContainer)`
+  display: flex;
+  flex-direction: row;
+`,d=s.default(o.TextField)`
+  &&& {
+    text-align: left;
+    width: 52px;
+  }
+`,u=s.default(r.Button)`
+  padding: 0 4px;
+  border-color: ${t.theme.colors.neutral.ink.lightest};
+  margin-right: 4px;
+
+  ${e=>e.hasError&&`\n    border-color: ${t.theme.colors.secondary.red.base};\n  `};
+`;exports.Button=u,exports.Container=a,exports.Row=l,exports.TextField=d;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1,2 +1,20 @@
-import o from"styled-components";import{theme as i}from"../../theme/index.js";import{Button as t}from"../Button/Button.js";import{TextField as e}from"../TextField/index.js";import{BaseContainer as n}from"../BaseContainer/BaseContainer.js";const r=o(n).withConfig({displayName:"vui--Container",componentId:"vui--zood5u"})`display:flex;flex-direction:column;position:relative;`,d=o(n).withConfig({displayName:"vui--Row",componentId:"vui--f0y2wt"})`display:flex;flex-direction:row;`,l=o(e).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1l16g0h"})`&&&{text-align:left;width:52px;}`,a=o(t).withConfig({displayName:"vui--StyledButton",componentId:"vui--wvwega"})`padding:0 4px;border-color:${i.colors.neutral.ink.lightest};margin-right:4px;${o=>o.hasError&&`\n    border-color: ${i.colors.secondary.red.base};\n  `};`;export{a as Button,r as Container,d as Row,l as TextField};
+import o from"styled-components";import{theme as r}from"../../theme/index.js";import{Button as e}from"../Button/Button.js";import{TextField as t}from"../TextField/index.js";import{BaseContainer as i}from"../BaseContainer/BaseContainer.js";const n=o(i)`
+  display: flex;
+  flex-direction: column;
+  position: relative;
+`,s=o(i)`
+  display: flex;
+  flex-direction: row;
+`,l=o(t)`
+  &&& {
+    text-align: left;
+    width: 52px;
+  }
+`,a=o(e)`
+  padding: 0 4px;
+  border-color: ${r.colors.neutral.ink.lightest};
+  margin-right: 4px;
+
+  ${o=>o.hasError&&`\n    border-color: ${r.colors.secondary.red.base};\n  `};
+`;export{a as Button,n as Container,s as Row,l as TextField};
 //# sourceMappingURL=styled.js.map

package/dist/components/WeightInput/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/hoc/withLabels/styled.cjs

@@ -1,2 +1,42 @@
-"use strict";var e=require("styled-components"),t=require("../../components/Stack/Stack.cjs"),o=require("../../components/Tooltip/Tooltip.cjs"),i=require("../../theme/index.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const r=n.default.label.withConfig({displayName:"vui--Label",componentId:"vui--u4z5d7"})`display:block;font-family:${i.theme.text.inputLabel.fontFamily};font-size:${i.theme.text.inputLabel.fontSize};font-weight:${i.theme.text.inputLabel.fontWeight};line-height:${i.theme.text.inputLabel.lineHeight};color:${i.theme.text.inputLabel.color};`,a=n.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--dhtep4"})`display:block;font-family:${i.theme.fontFamily};font-size:${i.theme.sizes[3]};line-height:${i.theme.sizes[4]};color:${i.theme.colors.neutral.ink.light};`,s=n.default.span.withConfig({displayName:"vui--Error",componentId:"vui--1fu4njf"})`display:block;font-family:${i.theme.text.error.fontFamily};font-size:${i.theme.text.error.fontSize};font-weight:${i.theme.text.error.fontWeight};line-height:${i.theme.text.error.lineHeight};color:${i.theme.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${i.theme.sizes[2]} * -1);width:2px;background-color:${i.theme.colors.secondary.red.base};}`,p=n.default(t.Stack).withConfig({displayName:"vui--RootStack",componentId:"vui--1r762o2"})`position:relative;`,c=n.default(o.Tooltip).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1wskrbx"})`display:block;&-hoverable{display:flex;}`;exports.BlockTooltip=c,exports.Error=s,exports.Hint=a,exports.Label=r,exports.RootStack=p;
+"use strict";var e=require("styled-components"),t=require("../../components/Stack/Stack.cjs"),o=require("../../components/Tooltip/Tooltip.cjs"),i=require("../../theme/index.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const r=n.default.label`
+  display: block;
+  font-family: ${i.theme.text.inputLabel.fontFamily};
+  font-size: ${i.theme.text.inputLabel.fontSize};
+  font-weight: ${i.theme.text.inputLabel.fontWeight};
+  line-height: ${i.theme.text.inputLabel.lineHeight};
+  color: ${i.theme.text.inputLabel.color};
+`,a=n.default.span`
+  display: block;
+  font-family: ${i.theme.fontFamily};
+  font-size: ${i.theme.sizes[3]};
+  line-height: ${i.theme.sizes[4]};
+  color: ${i.theme.colors.neutral.ink.light};
+`,s=n.default.span`
+  display: block;
+  font-family: ${i.theme.text.error.fontFamily};
+  font-size: ${i.theme.text.error.fontSize};
+  font-weight: ${i.theme.text.error.fontWeight};
+  line-height: ${i.theme.text.error.lineHeight};
+  color: ${i.theme.text.error.color};
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: calc(${i.theme.sizes[2]} * -1);
+    width: 2px;
+    background-color: ${i.theme.colors.secondary.red.base};
+  }
+`,h=n.default(t.Stack)`
+  position: relative;
+`,c=n.default(o.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: flex;
+  }
+`;exports.BlockTooltip=c,exports.Error=s,exports.Hint=a,exports.Label=r,exports.RootStack=h;
 //# sourceMappingURL=styled.cjs.map

package/dist/hoc/withLabels/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":[null],"names":["Label","styled","default","label","withConfig","displayName","componentId","theme","text","inputLabel","fontFamily","fontSize","fontWeight","lineHeight","color"],"mappings":"iPA6CO,MAAAA,EAAMC,EAAYC,QAAAC,MAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAAA,6BAAAC,QAAAC,KAAAC,WAAAC,wBAAAH,QAAAC,KAAAC,WAAAE,wBAAAJ,EAAAA,MAAAC,KAAAC,WAAAG,0BAAAL,EAAAA,MAAAC,KAQvBC,WAAAI,oBAAAN,EAAAA,MAAAC,KAAAC,WAAAK"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":[null],"names":["Label","styled","label"],"mappings":"iPA6CO,MAAAA,EAAMC,EAAAA,QAAYC,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hoc/withLabels/styled.js

@@ -1,2 +1,42 @@
-import o from"styled-components";import{Stack as t}from"../../components/Stack/Stack.js";import{Tooltip as i}from"../../components/Tooltip/Tooltip.js";import{theme as e}from"../../theme/index.js";const n=o.label.withConfig({displayName:"vui--Label",componentId:"vui--u4z5d7"})`display:block;font-family:${e.text.inputLabel.fontFamily};font-size:${e.text.inputLabel.fontSize};font-weight:${e.text.inputLabel.fontWeight};line-height:${e.text.inputLabel.lineHeight};color:${e.text.inputLabel.color};`,l=o.span.withConfig({displayName:"vui--Hint",componentId:"vui--dhtep4"})`display:block;font-family:${e.fontFamily};font-size:${e.sizes[3]};line-height:${e.sizes[4]};color:${e.colors.neutral.ink.light};`,r=o.span.withConfig({displayName:"vui--Error",componentId:"vui--1fu4njf"})`display:block;font-family:${e.text.error.fontFamily};font-size:${e.text.error.fontSize};font-weight:${e.text.error.fontWeight};line-height:${e.text.error.lineHeight};color:${e.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${e.sizes[2]} * -1);width:2px;background-color:${e.colors.secondary.red.base};}`,a=o(t).withConfig({displayName:"vui--RootStack",componentId:"vui--1r762o2"})`position:relative;`,p=o(i).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1wskrbx"})`display:block;&-hoverable{display:flex;}`;export{p as BlockTooltip,r as Error,l as Hint,n as Label,a as RootStack};
+import t from"styled-components";import{Stack as e}from"../../components/Stack/Stack.js";import{Tooltip as o}from"../../components/Tooltip/Tooltip.js";import{theme as i}from"../../theme/index.js";const n=t.label`
+  display: block;
+  font-family: ${i.text.inputLabel.fontFamily};
+  font-size: ${i.text.inputLabel.fontSize};
+  font-weight: ${i.text.inputLabel.fontWeight};
+  line-height: ${i.text.inputLabel.lineHeight};
+  color: ${i.text.inputLabel.color};
+`,l=t.span`
+  display: block;
+  font-family: ${i.fontFamily};
+  font-size: ${i.sizes[3]};
+  line-height: ${i.sizes[4]};
+  color: ${i.colors.neutral.ink.light};
+`,r=t.span`
+  display: block;
+  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};
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: calc(${i.sizes[2]} * -1);
+    width: 2px;
+    background-color: ${i.colors.secondary.red.base};
+  }
+`,s=t(e)`
+  position: relative;
+`,a=t(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: flex;
+  }
+`;export{a as BlockTooltip,r as Error,l as Hint,n as Label,s as RootStack};
 //# sourceMappingURL=styled.js.map

package/dist/hoc/withLabels/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":[null],"names":["Label","styled","label","withConfig","displayName","componentId","theme","text","inputLabel","fontFamily","fontSize","fontWeight","lineHeight","color"],"mappings":"oMA6CO,MAAAA,EAAMC,EAAYC,MAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAAA,6BAAAC,EAAAC,KAAAC,WAAAC,wBAAAH,EAAAC,KAAAC,WAAAE,wBAAAJ,EAAAC,KAAAC,WAAAG,0BAAAL,EAAAC,KAQvBC,WAAAI,oBAAAN,EAAAC,KAAAC,WAAAK"}
+{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":[null],"names":["Label","styled","label"],"mappings":"oMA6CO,MAAAA,EAAMC,EAAYC,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/theme/utils.cjs

@@ -1,2 +1,11 @@
-"use strict";var t=require("styled-components");exports.getTextStyles=e=>t.css`font-family:${e.fontFamily};font-style:${e.fontStyle};font-weight:${e.fontWeight};font-size:${e.fontSize};line-height:${e.lineHeight};color:${e.color};text-decoration:${e.textDecoration};letter-spacing:${e.letterSpacing};`;
+"use strict";var t=require("styled-components");exports.getTextStyles=e=>t.css`
+  font-family: ${e.fontFamily};
+  font-style: ${e.fontStyle};
+  font-weight: ${e.fontWeight};
+  font-size: ${e.fontSize};
+  line-height: ${e.lineHeight};
+  color: ${e.color};
+  text-decoration: ${e.textDecoration};
+  letter-spacing: ${e.letterSpacing};
+`;
 //# sourceMappingURL=utils.cjs.map

package/dist/theme/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/theme/utils.ts"],"sourcesContent":[null],"names":["textTheme","css","fontWeight","fontSize","lineHeight","color","textDecoration","letterSpacing"],"mappings":"sEAGaA,GAA4BC,EAAAA,GAAA,qEASvCD,EAAAE,wBAAAF,EAAAG,wBAAAH,EAAAI,oBAAAJ,EAAAK,yBAAAL,EAAAM,iCAAAN,EAAAO"}
+{"version":3,"file":"utils.cjs","sources":["../../src/theme/utils.ts"],"sourcesContent":[null],"names":["textTheme","css"],"mappings":"sEAGaA,GAA4BC,EAAAA,GAAA;;;;;;;;"}

package/dist/theme/utils.js

@@ -1,2 +1,11 @@
-import{css as t}from"styled-components";const o=o=>t`font-family:${o.fontFamily};font-style:${o.fontStyle};font-weight:${o.fontWeight};font-size:${o.fontSize};line-height:${o.lineHeight};color:${o.color};text-decoration:${o.textDecoration};letter-spacing:${o.letterSpacing};`;export{o as getTextStyles};
+import{css as t}from"styled-components";const o=o=>t`
+  font-family: ${o.fontFamily};
+  font-style: ${o.fontStyle};
+  font-weight: ${o.fontWeight};
+  font-size: ${o.fontSize};
+  line-height: ${o.lineHeight};
+  color: ${o.color};
+  text-decoration: ${o.textDecoration};
+  letter-spacing: ${o.letterSpacing};
+`;export{o as getTextStyles};
 //# sourceMappingURL=utils.js.map

package/dist/theme/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/theme/utils.ts"],"sourcesContent":[null],"names":["getTextStyles","textTheme","css","fontWeight","fontSize","lineHeight","color","textDecoration","letterSpacing"],"mappings":"wCAGA,MAAAA,EAAaC,GAA4BC,CAAA,qEASvCD,EAAAE,wBAAAF,EAAAG,wBAAAH,EAAAI,oBAAAJ,EAAAK,yBAAAL,EAAAM,iCAAAN,EAAAO"}
+{"version":3,"file":"utils.js","sources":["../../src/theme/utils.ts"],"sourcesContent":[null],"names":["getTextStyles","textTheme","css"],"mappings":"wCAGA,MAAAA,EAAaC,GAA4BC,CAAA;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "9.0.0-beta-1",
+  "version": "9.0.0-beta-3",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",
@@ -138,4 +138,4 @@
       "react": "$react"
     }
   }
-}
+}