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

package/dist/components/Pagination/styled.js

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

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

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

package/dist/components/Popover/styled.cjs

@@ -1,2 +1,17 @@
-"use strict";function o(o){return o&&o.__esModule?o:{default:o}}var e=o(require("styled-components"));const i=e.default.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--cg48a2"})`z-index:${({zIndex:o})=>o+1};padding:0;margin:0;border:none;background:transparent;`,n=e.default.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--49or9l"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:o})=>o};`;exports.Backdrop=n,exports.PopoverDialog=i;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var o=e(require("styled-components"));const t=o.default.dialog`
+  z-index: ${({zIndex:e})=>e+1};
+
+  // Remove browser default styling of HTML Dialog.
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+`,n=o.default.div`
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: ${({zIndex:e})=>e};
+`;exports.Backdrop=n,exports.PopoverDialog=t;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":[null],"names":["PopoverDialog","styled","default","dialog","withConfig","displayName","componentId","zIndex","Backdrop","div"],"mappings":"sGAGA,MAAAA,EAA0BC,EAAAC,QAAAC,OAAAC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,eAAA,WAAA,EAAAC,YAAAA,EAAA,2DAAiCC,EAAAP,EAAAC,QAAAO,IAAAL,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,wDAAA,EAAAC,YAAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":[null],"names":["PopoverDialog","styled","dialog","zIndex"],"mappings":"sGAGA,MAAAA,EAA0BC,EAAAA,QAAAC,MAAA;aAAiC,EAAAC,YAAAA,EAAA;;;;;;;;;;;;;;"}

package/dist/components/Popover/styled.js

@@ -1,2 +1,17 @@
-import o from"styled-components";const i=o.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--cg48a2"})`z-index:${({zIndex:o})=>o+1};padding:0;margin:0;border:none;background:transparent;`,n=o.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--49or9l"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:o})=>o};`;export{n as Backdrop,i as PopoverDialog};
+import o from"styled-components";const e=o.dialog`
+  z-index: ${({zIndex:o})=>o+1};
+
+  // Remove browser default styling of HTML Dialog.
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+`,n=o.div`
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: ${({zIndex:o})=>o};
+`;export{n as Backdrop,e as PopoverDialog};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":[null],"names":["PopoverDialog","styled","dialog","withConfig","displayName","componentId","zIndex","Backdrop","div"],"mappings":"iCAGA,MAAAA,EAA0BC,EAAAC,OAAAC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,eAAA,WAAA,EAAAC,YAAAA,EAAA,2DAAiCC,EAAAN,EAAAO,IAAAL,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,wDAAA,EAAAC,YAAAA"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":[null],"names":["PopoverDialog","styled","dialog","zIndex"],"mappings":"iCAGA,MAAAA,EAA0BC,EAAAC,MAAA;aAAiC,EAAAC,YAAAA,EAAA;;;;;;;;;;;;;;"}

package/dist/components/PriceInput/styled.cjs

@@ -1,2 +1,69 @@
-"use strict";var e=require("styled-components"),r=require("../TextField/index.cjs"),o=require("../BaseContainer/BaseContainer.cjs"),t=require("../Text/Text.cjs"),s=require("../InputGroup/index.cjs"),n=require("../../theme/index.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var i=d(e);const l=i.default(r.TextField).withConfig({displayName:"vui--StyledTextField",componentId:"vui--bdxre8"})`color:${n.theme.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${n.theme.colors.neutral.ink.lightest};}`,c=i.default(o.BaseContainer).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--1pz53n4"})`user-select:none;border:1px solid ${n.theme.colors.neutral.ink.lightest};border-radius:4px;display:flex;align-items:center;justify-content:center;width:${({size:e})=>"sm"===e?"30px":"36px"};background-color:${({disabled:e})=>e?n.theme.colors.neutral.grey.light:"white"};flex-shrink:0;${({size:e})=>"sm"===e?"> span { font-size: 12px }":""};&:active{z-index:0;border-right-width:0;+ input{z-index:0;border-left-width:1px;}}`,a=i.default(t.Text).withConfig({displayName:"vui--PrefixText",componentId:"vui--1n3xr2g"})`font-size:14px;`,h=i.default(s.InputGroup).withConfig({displayName:"vui--PriceInputGroup",componentId:"vui--1sahwox"})`display:inline-flex;border-radius:4px;min-width:125px;width:100%;${({hasError:e})=>e&&`\n    box-shadow: 0 0 0 4px ${n.theme.colors.secondary.red.light};\n\n    > * {\n      border-top-color: ${n.theme.colors.secondary.red.base};\n      border-bottom-color: ${n.theme.colors.secondary.red.base};\n    }\n\n    > *:first-child {\n      border-left-color: ${n.theme.colors.secondary.red.base};\n    }\n\n    > div:last-child {\n      > button:first-child {\n        border-top-color: ${n.theme.colors.secondary.red.base};\n        border-right-color: ${n.theme.colors.secondary.red.base};\n      }\n\n      > button:last-child {\n        border-right-color: ${n.theme.colors.secondary.red.base};\n        border-bottom-color: ${n.theme.colors.secondary.red.base};\n      }\n    }\n  `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${n.theme.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?n.theme.colors.secondary.red.base:n.theme.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?n.theme.colors.secondary.red.base:n.theme.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?n.theme.colors.secondary.red.base:n.theme.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?n.theme.colors.secondary.red.base:n.theme.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?n.theme.colors.secondary.red.base:n.theme.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?n.theme.colors.secondary.red.base:n.theme.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?n.theme.colors.secondary.red.base:n.theme.colors.secondary.blue.base};}}`;exports.PrefixContainer=c,exports.PrefixText=a,exports.PriceInputGroup=h,exports.StyledTextField=l;
+"use strict";var e=require("styled-components"),r=require("../TextField/index.cjs"),o=require("../BaseContainer/BaseContainer.cjs"),s=require("../Text/Text.cjs"),t=require("../InputGroup/index.cjs"),d=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(e);const c=l.default(r.TextField)`
+  color: ${d.theme.colors.neutral.ink.dark};
+  width: 100%;
+
+  &:focus {
+    box-shadow: none;
+    border-color: none;
+    border-right-width: 0;
+    border-color: ${d.theme.colors.neutral.ink.lightest};
+  }
+`,a=l.default(o.BaseContainer)`
+  user-select: none;
+  border: 1px solid ${d.theme.colors.neutral.ink.lightest};
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${({size:e})=>"sm"===e?"30px":"36px"};
+  background-color: ${({disabled:e})=>e?d.theme.colors.neutral.grey.light:"white"};
+  flex-shrink: 0;
+
+  ${({size:e})=>"sm"===e?"> span { font-size: 12px }":""};
+
+  &:active {
+    z-index: 0;
+    border-right-width: 0;
+
+    + input {
+      z-index: 0;
+      border-left-width: 1px;
+    }
+  }
+`,i=l.default(s.Text)`
+  font-size: 14px;
+`,h=l.default(t.InputGroup)`
+  display: inline-flex;
+  border-radius: 4px;
+  min-width: 125px;
+  width: 100%;
+
+  ${({hasError:e})=>e&&`\n    box-shadow: 0 0 0 4px ${d.theme.colors.secondary.red.light};\n\n    > * {\n      border-top-color: ${d.theme.colors.secondary.red.base};\n      border-bottom-color: ${d.theme.colors.secondary.red.base};\n    }\n\n    > *:first-child {\n      border-left-color: ${d.theme.colors.secondary.red.base};\n    }\n\n    > div:last-child {\n      > button:first-child {\n        border-top-color: ${d.theme.colors.secondary.red.base};\n        border-right-color: ${d.theme.colors.secondary.red.base};\n      }\n\n      > button:last-child {\n        border-right-color: ${d.theme.colors.secondary.red.base};\n        border-bottom-color: ${d.theme.colors.secondary.red.base};\n      }\n    }\n  `}
+
+  &:focus-within {
+    outline: 0;
+    box-shadow: ${({hasError:e})=>e?"":`0 0 0 4px ${d.theme.colors.secondary.blue.light}`};
+  }
+
+  &:focus-within > * {
+    border-top-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
+    border-bottom-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
+  }
+
+  &:focus-within > *:first-child {
+    border-left-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
+  }
+
+  &:focus-within > div:last-child {
+    > button:first-child {
+      border-top-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
+      border-right-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
+    }
+
+    > button:last-child {
+      border-right-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
+      border-bottom-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
+    }
+  }
+`;exports.PrefixContainer=a,exports.PrefixText=i,exports.PriceInputGroup=h,exports.StyledTextField=c;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1,2 +1,69 @@
-import o from"styled-components";import{TextField as r}from"../TextField/index.js";import{BaseContainer as e}from"../BaseContainer/BaseContainer.js";import{Text as s}from"../Text/Text.js";import{InputGroup as n}from"../InputGroup/index.js";import{theme as d}from"../../theme/index.js";const i=o(r).withConfig({displayName:"vui--StyledTextField",componentId:"vui--bdxre8"})`color:${d.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${d.colors.neutral.ink.lightest};}`,t=o(e).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--1pz53n4"})`user-select:none;border:1px solid ${d.colors.neutral.ink.lightest};border-radius:4px;display:flex;align-items:center;justify-content:center;width:${({size:o})=>"sm"===o?"30px":"36px"};background-color:${({disabled:o})=>o?d.colors.neutral.grey.light:"white"};flex-shrink:0;${({size:o})=>"sm"===o?"> span { font-size: 12px }":""};&:active{z-index:0;border-right-width:0;+ input{z-index:0;border-left-width:1px;}}`,l=o(s).withConfig({displayName:"vui--PrefixText",componentId:"vui--1n3xr2g"})`font-size:14px;`,c=o(n).withConfig({displayName:"vui--PriceInputGroup",componentId:"vui--1sahwox"})`display:inline-flex;border-radius:4px;min-width:125px;width:100%;${({hasError:o})=>o&&`\n    box-shadow: 0 0 0 4px ${d.colors.secondary.red.light};\n\n    > * {\n      border-top-color: ${d.colors.secondary.red.base};\n      border-bottom-color: ${d.colors.secondary.red.base};\n    }\n\n    > *:first-child {\n      border-left-color: ${d.colors.secondary.red.base};\n    }\n\n    > div:last-child {\n      > button:first-child {\n        border-top-color: ${d.colors.secondary.red.base};\n        border-right-color: ${d.colors.secondary.red.base};\n      }\n\n      > button:last-child {\n        border-right-color: ${d.colors.secondary.red.base};\n        border-bottom-color: ${d.colors.secondary.red.base};\n      }\n    }\n  `} &:focus-within{outline:0;box-shadow:${({hasError:o})=>o?"":`0 0 0 4px ${d.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:o})=>o?d.colors.secondary.red.base:d.colors.secondary.blue.base};border-bottom-color:${({hasError:o})=>o?d.colors.secondary.red.base:d.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:o})=>o?d.colors.secondary.red.base:d.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:o})=>o?d.colors.secondary.red.base:d.colors.secondary.blue.base};border-right-color:${({hasError:o})=>o?d.colors.secondary.red.base:d.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:o})=>o?d.colors.secondary.red.base:d.colors.secondary.blue.base};border-bottom-color:${({hasError:o})=>o?d.colors.secondary.red.base:d.colors.secondary.blue.base};}}`;export{t as PrefixContainer,l as PrefixText,c as PriceInputGroup,i as StyledTextField};
+import o from"styled-components";import{TextField as r}from"../TextField/index.js";import{BaseContainer as e}from"../BaseContainer/BaseContainer.js";import{Text as s}from"../Text/Text.js";import{InputGroup as d}from"../InputGroup/index.js";import{theme as n}from"../../theme/index.js";const l=o(r)`
+  color: ${n.colors.neutral.ink.dark};
+  width: 100%;
+
+  &:focus {
+    box-shadow: none;
+    border-color: none;
+    border-right-width: 0;
+    border-color: ${n.colors.neutral.ink.lightest};
+  }
+`,c=o(e)`
+  user-select: none;
+  border: 1px solid ${n.colors.neutral.ink.lightest};
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${({size:o})=>"sm"===o?"30px":"36px"};
+  background-color: ${({disabled:o})=>o?n.colors.neutral.grey.light:"white"};
+  flex-shrink: 0;
+
+  ${({size:o})=>"sm"===o?"> span { font-size: 12px }":""};
+
+  &:active {
+    z-index: 0;
+    border-right-width: 0;
+
+    + input {
+      z-index: 0;
+      border-left-width: 1px;
+    }
+  }
+`,t=o(s)`
+  font-size: 14px;
+`,a=o(d)`
+  display: inline-flex;
+  border-radius: 4px;
+  min-width: 125px;
+  width: 100%;
+
+  ${({hasError:o})=>o&&`\n    box-shadow: 0 0 0 4px ${n.colors.secondary.red.light};\n\n    > * {\n      border-top-color: ${n.colors.secondary.red.base};\n      border-bottom-color: ${n.colors.secondary.red.base};\n    }\n\n    > *:first-child {\n      border-left-color: ${n.colors.secondary.red.base};\n    }\n\n    > div:last-child {\n      > button:first-child {\n        border-top-color: ${n.colors.secondary.red.base};\n        border-right-color: ${n.colors.secondary.red.base};\n      }\n\n      > button:last-child {\n        border-right-color: ${n.colors.secondary.red.base};\n        border-bottom-color: ${n.colors.secondary.red.base};\n      }\n    }\n  `}
+
+  &:focus-within {
+    outline: 0;
+    box-shadow: ${({hasError:o})=>o?"":`0 0 0 4px ${n.colors.secondary.blue.light}`};
+  }
+
+  &:focus-within > * {
+    border-top-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
+    border-bottom-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
+  }
+
+  &:focus-within > *:first-child {
+    border-left-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
+  }
+
+  &:focus-within > div:last-child {
+    > button:first-child {
+      border-top-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
+      border-right-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
+    }
+
+    > button:last-child {
+      border-right-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
+      border-bottom-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
+    }
+  }
+`;export{c as PrefixContainer,t as PrefixText,a as PriceInputGroup,l as StyledTextField};
 //# sourceMappingURL=styled.js.map

package/dist/components/PriceInput/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/Radio/styled.cjs

@@ -1,2 +1,57 @@
-"use strict";function o(o){return o&&o.__esModule?o:{default:o}}const e=o(require("styled-components")).default.input.withConfig({displayName:"vui--Input",componentId:"vui--14lc9u"})`appearance:none;box-sizing:border-box;flex-shrink:0;width:18px;height:18px;margin:3px;background-color:transparent;border:2px solid #637381;border-radius:50%;outline:none;cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s;&:checked{position:relative;border-color:#0079d1;}&:checked::before{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background-color:#0079d1;border-radius:50%;}&:hover{border-color:#0079d1;}&:active{border-color:#0079d1;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{box-shadow:none;background-color:#dfe3e8;border-color:#959fa8;cursor:default;}&:disabled::before{background-color:#637381;}`;exports.Input=e;
+"use strict";function o(o){return o&&o.__esModule?o:{default:o}}const e=o(require("styled-components")).default.input`
+  appearance: none;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  margin: 3px;
+  background-color: transparent;
+  border: 2px solid #637381;
+  border-radius: 50%;
+  outline: none;
+  cursor: pointer;
+  flex-shrink: 0;
+
+  transition: box-shadow 0.1s;
+
+  &:checked {
+    position: relative;
+    border-color: #0079d1;
+  }
+
+  &:checked::before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    background-color: #0079d1;
+    border-radius: 50%;
+  }
+
+  &:hover {
+    border-color: #0079d1;
+  }
+
+  &:active {
+    border-color: #0079d1;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 4px #80bce8;
+    outline: 0;
+  }
+
+  &:disabled {
+    box-shadow: none;
+    background-color: #dfe3e8;
+    border-color: #959fa8;
+    cursor: default;
+  }
+
+  &:disabled::before {
+    background-color: #637381;
+  }
+`;exports.Input=e;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1,2 +1,57 @@
-import o from"styled-components";const r=o.input.withConfig({displayName:"vui--Input",componentId:"vui--14lc9u"})`appearance:none;box-sizing:border-box;flex-shrink:0;width:18px;height:18px;margin:3px;background-color:transparent;border:2px solid #637381;border-radius:50%;outline:none;cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s;&:checked{position:relative;border-color:#0079d1;}&:checked::before{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background-color:#0079d1;border-radius:50%;}&:hover{border-color:#0079d1;}&:active{border-color:#0079d1;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{box-shadow:none;background-color:#dfe3e8;border-color:#959fa8;cursor:default;}&:disabled::before{background-color:#637381;}`;export{r as Input};
+import o from"styled-components";const r=o.input`
+  appearance: none;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  margin: 3px;
+  background-color: transparent;
+  border: 2px solid #637381;
+  border-radius: 50%;
+  outline: none;
+  cursor: pointer;
+  flex-shrink: 0;
+
+  transition: box-shadow 0.1s;
+
+  &:checked {
+    position: relative;
+    border-color: #0079d1;
+  }
+
+  &:checked::before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    background-color: #0079d1;
+    border-radius: 50%;
+  }
+
+  &:hover {
+    border-color: #0079d1;
+  }
+
+  &:active {
+    border-color: #0079d1;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 4px #80bce8;
+    outline: 0;
+  }
+
+  &:disabled {
+    box-shadow: none;
+    background-color: #dfe3e8;
+    border-color: #959fa8;
+    cursor: default;
+  }
+
+  &:disabled::before {
+    background-color: #637381;
+  }
+`;export{r as Input};
 //# sourceMappingURL=styled.js.map

package/dist/components/Radio/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/ScreenReaderOnly/ScreenReaderOnly.cjs

@@ -1,2 +1,12 @@
-"use strict";var e=require("react"),n=require("styled-components");function r(e){return e&&e.__esModule?e:{default:e}}var t=r(e);const i=r(n).default.span.withConfig({displayName:"vui--ScreenReaderOnlyElement",componentId:"vui--o1yf2n"})`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;`;exports.ScreenReaderOnly=({children:e})=>t.default.createElement(i,null,e);
+"use strict";var e=require("react"),r=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);const a=t(r).default.span`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+`;exports.ScreenReaderOnly=({children:e})=>n.default.createElement(a,null,e);
 //# sourceMappingURL=ScreenReaderOnly.cjs.map

package/dist/components/ScreenReaderOnly/ScreenReaderOnly.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderOnly.cjs","sources":["../../../src/components/ScreenReaderOnly/ScreenReaderOnly.tsx"],"sourcesContent":[null],"names":["ScreenReaderOnlyElement","default","span","withConfig","displayName","componentId","children","React","createElement"],"mappings":"uIAIUA,OAAYC,QAAAC,KAAAC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,eAAA,2JA2BnB,EAAAC,cACHC,EAAaN,QAAAO,cAAAR,EAAkC,KAAAM"}
+{"version":3,"file":"ScreenReaderOnly.cjs","sources":["../../../src/components/ScreenReaderOnly/ScreenReaderOnly.tsx"],"sourcesContent":[null],"names":["ScreenReaderOnlyElement","styled","span"],"mappings":"uIAIUA,OAAYC,QAAAC,IAAA;;;;;;;;;;"}

package/dist/components/ScreenReaderOnly/ScreenReaderOnly.js

@@ -1,2 +1,12 @@
-import e from"react";import n from"styled-components";const o=n.span.withConfig({displayName:"vui--ScreenReaderOnlyElement",componentId:"vui--o1yf2n"})`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;`,t=({children:n})=>e.createElement(o,null,n);export{t as ScreenReaderOnly};
+import e from"react";import o from"styled-components";const t=o.span`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+`,r=({children:o})=>e.createElement(t,null,o);export{r as ScreenReaderOnly};
 //# sourceMappingURL=ScreenReaderOnly.js.map

package/dist/components/ScreenReaderOnly/ScreenReaderOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderOnly.js","sources":["../../../src/components/ScreenReaderOnly/ScreenReaderOnly.tsx"],"sourcesContent":[null],"names":["ScreenReaderOnlyElement","styled","span","withConfig","displayName","componentId","ScreenReaderOnly","children","React","createElement"],"mappings":"4DAIUA,EAAYC,EAAAC,KAAAC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,eAAA,kIA2BnBC,EAAA,EAAAC,cACHC,EAAaC,cAAAT,EAAkC,KAAAO"}
+{"version":3,"file":"ScreenReaderOnly.js","sources":["../../../src/components/ScreenReaderOnly/ScreenReaderOnly.tsx"],"sourcesContent":[null],"names":["ScreenReaderOnlyElement","styled","span"],"mappings":"4DAIUA,EAAYC,EAAAC,IAAA;;;;;;;;;;"}

package/dist/components/Search/styled.cjs

@@ -1,2 +1,16 @@
-"use strict";var e=require("styled-components"),n=require("../TextField/index.cjs"),t=require("../BaseContainer/BaseContainer.cjs");function i(e){return e&&e.__esModule?e:{default:e}}require("react");var r=i(e);const o=r.default(n.TextField).withConfig({displayName:"vui--Input",componentId:"vui--1jvzatv"})`flex-grow:2;margin-top:0;margin-bottom:0;`,a=r.default.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--12eib7v"})`position:absolute;`,s=r.default(t.BaseContainer).withConfig({displayName:"vui--Container",componentId:"vui--g7dno3"})`position:relative;display:flex;justify-content:flex-start;align-items:center;border-radius:0.25rem;${({iconPosition:e})=>{let n="padding-right: 2.5rem;",t="right: 0.5rem;";return"left"===e&&(n="padding-left: 2.5rem",t="left: 0.5rem;"),`\n      & ${o} {\n        ${n}\n      }\n\n      & ${a} {\n        ${t}\n      }\n    `}}`;exports.Container=s,exports.IconContainer=a,exports.Input=o;
+"use strict";var e=require("styled-components"),t=require("../TextField/index.cjs"),n=require("../BaseContainer/BaseContainer.cjs");function r(e){return e&&e.__esModule?e:{default:e}}require("react");var i=r(e);const o=i.default(t.TextField)`
+  flex-grow: 2;
+  margin-top: 0;
+  margin-bottom: 0;
+`,a=i.default.div`
+  position: absolute;
+`,s=i.default(n.BaseContainer)`
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  border-radius: 0.25rem;
+
+  ${({iconPosition:e})=>{let t="padding-right: 2.5rem;",n="right: 0.5rem;";return"left"===e&&(t="padding-left: 2.5rem",n="left: 0.5rem;"),`\n      & ${o} {\n        ${t}\n      }\n\n      & ${a} {\n        ${n}\n      }\n    `}}
+`;exports.Container=s,exports.IconContainer=a,exports.Input=o;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1,2 +1,16 @@
-import i from"styled-components";import{TextField as n}from"../TextField/index.js";import{BaseContainer as t}from"../BaseContainer/BaseContainer.js";import"react";const e=i(n).withConfig({displayName:"vui--Input",componentId:"vui--1jvzatv"})`flex-grow:2;margin-top:0;margin-bottom:0;`,o=i.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--12eib7v"})`position:absolute;`,r=i(t).withConfig({displayName:"vui--Container",componentId:"vui--g7dno3"})`position:relative;display:flex;justify-content:flex-start;align-items:center;border-radius:0.25rem;${({iconPosition:i})=>{let n="padding-right: 2.5rem;",t="right: 0.5rem;";return"left"===i&&(n="padding-left: 2.5rem",t="left: 0.5rem;"),`\n      & ${e} {\n        ${n}\n      }\n\n      & ${o} {\n        ${t}\n      }\n    `}}`;export{r as Container,o as IconContainer,e as Input};
+import t from"styled-components";import{TextField as e}from"../TextField/index.js";import{BaseContainer as n}from"../BaseContainer/BaseContainer.js";import"react";const r=t(e)`
+  flex-grow: 2;
+  margin-top: 0;
+  margin-bottom: 0;
+`,i=t.div`
+  position: absolute;
+`,o=t(n)`
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  border-radius: 0.25rem;
+
+  ${({iconPosition:t})=>{let e="padding-right: 2.5rem;",n="right: 0.5rem;";return"left"===t&&(e="padding-left: 2.5rem",n="left: 0.5rem;"),`\n      & ${r} {\n        ${e}\n      }\n\n      & ${i} {\n        ${n}\n      }\n    `}}
+`;export{o as Container,i as IconContainer,r as Input};
 //# sourceMappingURL=styled.js.map

package/dist/components/Search/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/SegmentedControl/styled.cjs

@@ -1,2 +1,45 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs"),r=require("../BaseContainer/BaseContainer.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);const i=o.theme.colors.neutral.grey.lightest,a=o.theme.colors.neutral.grey.dark,d=o.theme.colors.secondary.blue.dark,s=n.default(r.BaseContainer).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--mxpi9o"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:active{background-color:${i};border-color:${a};box-shadow:none;}:focus{box-shadow:0 0 0 4px ${o.theme.colors.secondary.blue.light};outline:0;z-index:1;}}> .veeqo-components-active-button{:active{background-color:${d};border-color:${d};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${o.theme.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`;exports.SegmentedControlContainer=s;
+"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs"),r=require("../BaseContainer/BaseContainer.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);const s=o.theme.colors.neutral.grey.lightest,a=o.theme.colors.neutral.grey.dark,d=o.theme.colors.secondary.blue.dark,l=n.default(r.BaseContainer)`
+  display: flex;
+  flex-direction: row;
+
+  > button {
+    border-radius: 0;
+    box-shadow: none;
+
+    :active {
+      background-color: ${s};
+      border-color: ${a};
+      box-shadow: none;
+    }
+
+    :focus {
+      box-shadow: 0 0 0 4px ${o.theme.colors.secondary.blue.light};
+      outline: 0;
+      z-index: 1;
+    }
+  }
+
+  > .veeqo-components-active-button {
+    :active {
+      background-color: ${d};
+      border-color: ${d};
+    }
+  }
+
+  > button:not(:first-child) {
+    border-left: none;
+  }
+
+  > .veeqo-components-active-button + button {
+    border-left: 1px solid ${o.theme.colors.neutral.grey.dark};
+  }
+
+  > button:first-child {
+    border-radius: 20px 0px 0px 20px;
+  }
+
+  > button:last-child {
+    border-radius: 0px 20px 20px 0px;
+  }
+`;exports.SegmentedControlContainer=l;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1,2 +1,45 @@
-import o from"styled-components";import{theme as e}from"../../theme/index.js";import{BaseContainer as r}from"../BaseContainer/BaseContainer.js";const t=e.colors.neutral.grey.lightest,n=e.colors.neutral.grey.dark,i=e.colors.secondary.blue.dark,d=o(r).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--mxpi9o"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:active{background-color:${t};border-color:${n};box-shadow:none;}:focus{box-shadow:0 0 0 4px ${e.colors.secondary.blue.light};outline:0;z-index:1;}}> .veeqo-components-active-button{:active{background-color:${i};border-color:${i};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${e.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`;export{d as SegmentedControlContainer};
+import o from"styled-components";import{theme as r}from"../../theme/index.js";import{BaseContainer as e}from"../BaseContainer/BaseContainer.js";const t=r.colors.neutral.grey.lightest,n=r.colors.neutral.grey.dark,d=r.colors.secondary.blue.dark,s=o(e)`
+  display: flex;
+  flex-direction: row;
+
+  > button {
+    border-radius: 0;
+    box-shadow: none;
+
+    :active {
+      background-color: ${t};
+      border-color: ${n};
+      box-shadow: none;
+    }
+
+    :focus {
+      box-shadow: 0 0 0 4px ${r.colors.secondary.blue.light};
+      outline: 0;
+      z-index: 1;
+    }
+  }
+
+  > .veeqo-components-active-button {
+    :active {
+      background-color: ${d};
+      border-color: ${d};
+    }
+  }
+
+  > button:not(:first-child) {
+    border-left: none;
+  }
+
+  > .veeqo-components-active-button + button {
+    border-left: 1px solid ${r.colors.neutral.grey.dark};
+  }
+
+  > button:first-child {
+    border-radius: 20px 0px 0px 20px;
+  }
+
+  > button:last-child {
+    border-radius: 0px 20px 20px 0px;
+  }
+`;export{s as SegmentedControlContainer};
 //# sourceMappingURL=styled.js.map

package/dist/components/SegmentedControl/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/Select/styled.cjs

@@ -1,2 +1,40 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const o=e(require("styled-components")).default.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1h93380"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:e})=>{let o="40px",r="14px";return"sm"===e&&(o="32px",r="12px"),`\n      height: ${o};\n      font-size: ${r};\n    `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;exports.SelectInput=o;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const o=e(require("styled-components")).default.select`
+  box-sizing: border-box;
+  appearance: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 2.5rem 0 0.5rem;
+  border-radius: 4px;
+  background-color: white;
+  border: 1px solid #959fa8;
+  color: #1b2126;
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position:
+    right 0.5em top 50%,
+    0 0;
+
+  ${({sizeVariant:e})=>{let o="40px",r="14px";return"sm"===e&&(o="32px",r="12px"),`\n      height: ${o};\n      font-size: ${r};\n    `}}
+
+  &:focus {
+    border-color: #0079d1;
+    box-shadow: 0 0 0 4px #80bce8;
+    outline: 0;
+  }
+
+  &:invalid {
+    border-color: #eb5757;
+    box-shadow: 0 0 0 4px #f7bcbc;
+    outline: 0;
+  }
+
+  &:disabled {
+    box-shadow: none;
+    background-color: #f2f3f5;
+    border-color: #959fa8;
+    color: #637381;
+    cursor: not-allowed;
+  }
+`;exports.SelectInput=o;
 //# sourceMappingURL=styled.cjs.map

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

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