@veeqo/ui 8.0.0-beta-4 → 8.0.0-beta-5

package/dist/components/Slider/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),i=require("../../theme/index.cjs");const o=e.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--s5qrf0"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,t=e.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--pvw1wx"})`background:${i.theme.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,r=e.div.withConfig({displayName:"vui--SliderDiv",componentId:"vui--19twtgm"})`position:absolute;top:-${0}px;left:${e=>`${e.left}%`};width:${12}px;height:${12}px;background:white;border:${4}px solid ${i.theme.colors.secondary.blue.base};border-radius:50%;touch-action:none;cursor:pointer;margin-left:-${12}px;&:active,&:focus,&:focus-visible,&:focus-within{box-shadow:0 0 0 4px ${i.theme.colors.secondary.blue.light};}`,d=e(t).withConfig({displayName:"vui--SliderRange",componentId:"vui--1vb0w08"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${i.theme.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`;exports.SliderContainer=o,exports.SliderDiv=r,exports.SliderRange=d,exports.SliderTrack=t;
+"use strict";var e=require("styled-components"),i=require("../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var t=o(e);const r=t.default.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--s5qrf0"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,d=t.default.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--pvw1wx"})`background:${i.theme.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,n=t.default.div.withConfig({displayName:"vui--SliderDiv",componentId:"vui--19twtgm"})`position:absolute;top:-${0}px;left:${e=>`${e.left}%`};width:${12}px;height:${12}px;background:white;border:${4}px solid ${i.theme.colors.secondary.blue.base};border-radius:50%;touch-action:none;cursor:pointer;margin-left:-${12}px;&:active,&:focus,&:focus-visible,&:focus-within{box-shadow:0 0 0 4px ${i.theme.colors.secondary.blue.light};}`,a=t.default(d).withConfig({displayName:"vui--SliderRange",componentId:"vui--1vb0w08"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${i.theme.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`;exports.SliderContainer=r,exports.SliderDiv=n,exports.SliderRange=a,exports.SliderTrack=d;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Slider/styled.ts"],"sourcesContent":[null],"names":["styled","div","withConfig","displayName","componentId","SLIDER_SIZE","SliderTrack","theme","colors","neutral","grey","base"],"mappings":"mFAgBA,QAkCEA,EAAAC,IAAAC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,eAAA,kEAAAC,WAEKC,IAAmBL,IAAAC,WAAwB,CAAAC,YAAW,mBAAGC,YAAA,eAAA,cAAAG,EAAAA,MAAAC,OAAAC,QAAAC,KAAAC,eApC/C,sKA2BA,+CArBF,mHAqBE,mUA3BA"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Slider/styled.ts"],"sourcesContent":[null],"names":["styled","default","div","withConfig","displayName","componentId","SLIDER_SIZE","SliderTrack","theme","colors","neutral","grey","base"],"mappings":"iJAgBA,QAkCEA,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,eAAA,kEAAAC,WAEKC,YAAmBL,IAAAC,WAAwB,CAAAC,YAAW,mBAAGC,YAAA,eAAA,cAAAG,EAAAA,MAAAC,OAAAC,QAAAC,KAAAC,eApC/C,8KA2BA,+CArBF,mHAqBE,2UA3BA"}

package/dist/components/Stack/Stack.cjs

@@ -1,2 +1,2 @@
-"use strict";var n=require("styled-components"),e=require("./Alignments.cjs"),t=require("../../theme/index.cjs");const i=n.div.withConfig({displayName:"vui--Stack",componentId:"vui--ikbqaf"})`display:flex;${n=>{const{direction:i="vertical",alignX:s="start",alignY:r="start",spacing:a="base"}=n;let l,c,m,o,g="",d="";return"vertical"===i?(l=s&&e.Alignments[s],c=r&&e.Alignments[r],g=t.theme.sizes[a],m="column"):(l=r&&e.Alignments[r],c=s&&e.Alignments[s],d=t.theme.sizes[a],m="row"),("vertical"===i&&"stretch"===r||"horizontal"===i&&"stretch"===s)&&(o=1),`\n      align-items: ${l};\n      justify-content: ${c};\n      flex-direction: ${m};\n\n      & > * {\n        flex: ${o};\n      }\n\n      & > * + * {\n        margin-top: ${g};\n        margin-left: ${d};\n      }\n    `}}`;i.displayName="Stack",exports.Stack=i;
+"use strict";var e=require("styled-components"),n=require("./Alignments.cjs"),t=require("../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}const s=i(e).default.div.withConfig({displayName:"vui--Stack",componentId:"vui--ikbqaf"})`display:flex;${e=>{const{direction:i="vertical",alignX:s="start",alignY:r="start",spacing:a="base"}=e;let l,c,o,m,u="",d="";return"vertical"===i?(l=s&&n.Alignments[s],c=r&&n.Alignments[r],u=t.theme.sizes[a],o="column"):(l=r&&n.Alignments[r],c=s&&n.Alignments[s],d=t.theme.sizes[a],o="row"),("vertical"===i&&"stretch"===r||"horizontal"===i&&"stretch"===s)&&(m=1),`\n      align-items: ${l};\n      justify-content: ${c};\n      flex-direction: ${o};\n\n      & > * {\n        flex: ${m};\n      }\n\n      & > * + * {\n        margin-top: ${u};\n        margin-left: ${d};\n      }\n    `}}`;s.displayName="Stack",exports.Stack=s;
 //# sourceMappingURL=Stack.cjs.map

package/dist/components/Stepper/Stepper.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("../../theme/index.cjs"),r=require("./styled.cjs"),n=require("../../tempIcons/DownArrowIcon.cjs"),s=require("../../tempIcons/UpArrowIcon.cjs");exports.Stepper=({onIncrement:o,onDecrement:c,disabled:i=!1,size:a})=>e.createElement(r.Container,{size:a},e.createElement(r.StepButton,{type:"button",onClick:o,disabled:i},e.createElement(s.UpArrowIcon,{height:t.theme.sizes.base,width:t.theme.sizes.base,color:t.theme.colors.neutral.ink.base})),e.createElement(r.StepButton,{type:"button",onClick:c,disabled:i},e.createElement(n.DownArrowIcon,{height:t.theme.sizes.base,width:t.theme.sizes.base,color:t.theme.colors.neutral.ink.base})));
+"use strict";var e=require("react"),t=require("../../theme/index.cjs"),r=require("./styled.cjs"),n=require("../../tempIcons/DownArrowIcon.cjs"),o=require("../../tempIcons/UpArrowIcon.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(e);exports.Stepper=({onIncrement:e,onDecrement:s,disabled:c=!1,size:i})=>a.default.createElement(r.Container,{size:i},a.default.createElement(r.StepButton,{type:"button",onClick:e,disabled:c},a.default.createElement(o.UpArrowIcon,{height:t.theme.sizes.base,width:t.theme.sizes.base,color:t.theme.colors.neutral.ink.base})),a.default.createElement(r.StepButton,{type:"button",onClick:s,disabled:c},a.default.createElement(n.DownArrowIcon,{height:t.theme.sizes.base,width:t.theme.sizes.base,color:t.theme.colors.neutral.ink.base})));
 //# sourceMappingURL=Stepper.cjs.map

package/dist/components/Stepper/Stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":[null],"names":["onIncrement","onDecrement","disabled","size","React","createElement","Container","StepButton","type","onClick","UpArrowIcon","height","theme","sizes","base","width","color","colors","neutral","ink"],"mappings":"6MAWqB,EAAAA,cAAAC,cAAAC,YAAA,EAAAC,UAAAC,EAAAC,cAAAC,EAAAA,UAAA,CAAAH,KAAAA,GACnBC,EAAOC,cAAaE,EAACA,WAAA,CAAAC,KAAA,SAAAC,QAAAT,EAAAE,SAAAA,GACtBE,EAAAC,cAAAK,EAAAA,YAAA,CAAAC,OAAAC,EAAAA,MAAAC,MAAAC,KAAAC,MAAAH,EAAAA,MAAAC,MAAAC,KAAAE,MAAAJ,QAAAK,OAAAC,QAAAC,IAAAL,QAEDV,EAAAC,cAAaE,EAAiEA,WAAA,CAAAC,KAAA,SAAAC,QAAAR,EAAAC,SAAAA"}
+{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":[null],"names":["onIncrement","onDecrement","disabled","size","React","default","createElement","Container","StepButton","type","onClick","UpArrowIcon","height","theme","sizes","base","width","color","colors","neutral","ink"],"mappings":"2QAWqB,EAAAA,cAAAC,cAAAC,YAAA,EAAAC,UAAAC,EAAAC,QAAAC,cAAAC,EAAAA,UAAA,CAAAJ,KAAAA,GACnBC,UAAOE,cAAaE,EAACA,WAAA,CAAAC,KAAA,SAAAC,QAAAV,EAAAE,SAAAA,GACtBE,UAAAE,cAAAK,EAAAA,YAAA,CAAAC,OAAAC,EAAAA,MAAAC,MAAAC,KAAAC,MAAAH,EAAAA,MAAAC,MAAAC,KAAAE,MAAAJ,QAAAK,OAAAC,QAAAC,IAAAL,QAEDX,UAAAE,cAAaE,EAAiEA,WAAA,CAAAC,KAAA,SAAAC,QAAAT,EAAAC,SAAAA"}

package/dist/components/Stepper/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var o=require("styled-components");const i=o.div.withConfig({displayName:"vui--Container",componentId:"vui--1kqph75"})`box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({size:o})=>"sm"===o?"32px":"40px"};border-radius:4px;${({size:o})=>"sm"===o?"svg { width: 14px !important; height: 14px !important; };\n\n      > button { padding: 0 6px };":""};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`,r=o.button.withConfig({displayName:"vui--StepButton",componentId:"vui--1myicuk"})`appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;exports.Container=i,exports.StepButton=r;
+"use strict";function o(o){return o&&o.__esModule?o:{default:o}}var t=o(require("styled-components"));const e=t.default.div.withConfig({displayName:"vui--Container",componentId:"vui--1kqph75"})`box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({size:o})=>"sm"===o?"32px":"40px"};border-radius:4px;${({size:o})=>"sm"===o?"svg { width: 14px !important; height: 14px !important; };\n\n      > button { padding: 0 6px };":""};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`,r=t.default.button.withConfig({displayName:"vui--StepButton",componentId:"vui--1myicuk"})`appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;exports.Container=e,exports.StepButton=r;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":[null],"names":["Container","styled","div","withConfig","displayName","componentId","size"],"mappings":"gDAGA,MAAAA,EAAsBC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAA,0EAAA,EAAAC,UAAA,OAAAA,EAAA,OAAA,4BAAA,EAAAA,UAAA,OAAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":[null],"names":["Container","styled","default","div","withConfig","displayName","componentId","size"],"mappings":"sGAGA,MAAAA,EAAsBC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAA,0EAAA,EAAAC,UAAA,OAAAA,EAAA,OAAA,4BAAA,EAAAA,UAAA,OAAAA"}

package/dist/components/Tag/Tag.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),n=require("../../theme/modules/colors.cjs");const o=e(require("../BaseContainer/BaseContainer.cjs").BaseContainer).withConfig({displayName:"vui--Tag",componentId:"vui--qsag0v"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({backgroundColor:e,color:o})=>`\n    color: ${null!=o?o:n.colors.neutral.ink.base};\n    background-color: ${null!=e?e:n.colors.neutral.grey.base};\n  `}`;exports.Tag=o;
+"use strict";var e=require("styled-components"),n=require("../../theme/modules/colors.cjs"),o=require("../BaseContainer/BaseContainer.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const t=r(e).default(o.BaseContainer).withConfig({displayName:"vui--Tag",componentId:"vui--qsag0v"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({backgroundColor:e,color:o})=>`\n    color: ${null!=o?o:n.colors.neutral.ink.base};\n    background-color: ${null!=e?e:n.colors.neutral.grey.base};\n  `}`;exports.Tag=t;
 //# sourceMappingURL=Tag.cjs.map

package/dist/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.ts"],"sourcesContent":[null],"names":["Tag","styled","BaseContainer","withConfig","displayName","componentId","backgroundColor","color","colors","neutral","ink","base"],"mappings":"4FAQC,MAAAA,EAAAC,gDAAAC,eAAAC,WAAA,CAAAC,YAAA,WAAAC,YAAA,eAAA,sHAAA,EAAAC,kBAAAC,WAAA,gBAEMA,QAASA,EAAAC,SAAAC,QAAAC,IAAAC"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.ts"],"sourcesContent":[null],"names":["Tag","default","BaseContainer","withConfig","displayName","componentId","backgroundColor","color","colors","neutral","ink","base"],"mappings":"+LAQC,MAAAA,OAAAC,QAAAC,EAAAA,eAAAC,WAAA,CAAAC,YAAA,WAAAC,YAAA,eAAA,sHAAA,EAAAC,kBAAAC,WAAA,gBAEMA,QAASA,EAAAC,SAAAC,QAAAC,IAAAC"}

package/dist/components/Text/Text.cjs

@@ -1,2 +1,2 @@
-"use strict";var t=require("styled-components"),n=require("./utils.cjs"),e=require("../../theme/index.cjs");const{text:o,colors:i,fontFamily:r}=e.theme,a=t.span.attrs((({as:t,variant:e})=>({as:n.getComponentOverride(t,e)}))).withConfig({displayName:"vui--Text",componentId:"vui--m0sc57"})`box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${r};line-height:16px;color:#37424d;${({variant:t})=>("button"===t||"buttonSmall"===t)&&"\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n  "} ${({variant:t,muted:n=!1})=>{if(!t)return"";const e=n?i.neutral.ink.lightest:o[t].color;return`\n      font-family: ${o[t].fontFamily};\n      font-style: ${o[t].fontStyle};\n      font-weight: ${o[t].fontWeight};\n      font-size: ${o[t].fontSize};\n      line-height: ${o[t].lineHeight};\n      color: ${e};\n      text-decoration: ${o[t].textDecoration};\n      letter-spacing: ${o[t].letterSpacing};\n    `}}`;exports.Text=a;
+"use strict";var t=require("styled-components"),n=require("./utils.cjs"),e=require("../../theme/index.cjs");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const{text:r,colors:a,fontFamily:l}=e.theme,s=i.default.span.attrs((({as:t,variant:e})=>({as:n.getComponentOverride(t,e)}))).withConfig({displayName:"vui--Text",componentId:"vui--m0sc57"})`box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${l};line-height:16px;color:#37424d;${({variant:t})=>("button"===t||"buttonSmall"===t)&&"\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n  "} ${({variant:t,muted:n=!1})=>{if(!t)return"";const e=n?a.neutral.ink.lightest:r[t].color;return`\n      font-family: ${r[t].fontFamily};\n      font-style: ${r[t].fontStyle};\n      font-weight: ${r[t].fontWeight};\n      font-size: ${r[t].fontSize};\n      line-height: ${r[t].lineHeight};\n      color: ${e};\n      text-decoration: ${r[t].textDecoration};\n      letter-spacing: ${r[t].letterSpacing};\n    `}}`;exports.Text=s;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/TextField/TextField.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../../utils/generateId.cjs"),a=require("./styled.cjs"),t=require("../types.cjs");const l=/^-?[0-9]*\.?[0-9]+$/,s=e.forwardRef((({id:s,className:n,disabled:i=!1,hasError:c,multiline:u=!1,spellCheck:d=!1,name:o,onChange:p,placeholder:h,size:m=t.ComponentSize.base,type:f="text",value:C,...b},g)=>{const v=e.useCallback((e=>{if(!p)return;const r=e.currentTarget.value;if(""===r)return void p(r);if("number"!==f)return void p(r);new RegExp(l).test(r)&&p(r)}),[p,f]),x=null!=s?s:r.generateId("textfield");return"text"===f&&u?e.createElement(a.Textarea,{className:n,disabled:i,hasError:c,id:x,name:o,onChange:v,placeholder:h,value:C,ref:g,spellCheck:d,...b}):e.createElement(a.Input,{className:n,disabled:i,hasError:c,id:x,inputSize:m,name:o,"aria-label":o,onChange:v,placeholder:h,type:f,value:C,ref:g,spellCheck:d,...b})}));exports.TextField=s;
+"use strict";var e=require("react"),r=require("../../utils/generateId.cjs"),a=require("./styled.cjs"),t=require("../types.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const s=/^-?[0-9]*\.?[0-9]+$/,i=e.forwardRef((({id:l,className:i,disabled:u=!1,hasError:d,multiline:c=!1,spellCheck:o=!1,name:p,onChange:f,placeholder:h,size:m=t.ComponentSize.base,type:v="text",value:C,...b},g)=>{const x=e.useCallback((e=>{if(!f)return;const r=e.currentTarget.value;if(""===r)return void f(r);if("number"!==v)return void f(r);new RegExp(s).test(r)&&f(r)}),[f,v]),E=null!=l?l:r.generateId("textfield");return"text"===v&&c?n.default.createElement(a.Textarea,{className:i,disabled:u,hasError:d,id:E,name:p,onChange:x,placeholder:h,value:C,ref:g,spellCheck:o,...b}):n.default.createElement(a.Input,{className:i,disabled:u,hasError:d,id:E,inputSize:m,name:p,"aria-label":p,onChange:x,placeholder:h,type:v,value:C,ref:g,spellCheck:o,...b})}));exports.TextField=i;
 //# sourceMappingURL=TextField.cjs.map

package/dist/components/TextField/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");const i=({hasError:o,inputSize:i})=>e.css`&{--outline-size:${"sm"===i?"2px":"4px"};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${o&&"\n    &,\n    &:focus {\n      border-color: #EB5757;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n    }\n  "}`,n=e.input.withConfig({displayName:"vui--Input",componentId:"vui--1o6oill"})`font-family:${o.theme.fontFamily};box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${({inputSize:e})=>{let o="40px",i="14px";return"sm"===e&&(o="32px",i="12px"),`\n      height: ${o};\n      font-size: ${i};\n    `}} ${i} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,r=e.textarea.withConfig({displayName:"vui--Textarea",componentId:"vui--1jp908v"})`box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${i}`;exports.Input=n,exports.Textarea=r;
+"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var i=n(e);const r=({hasError:o,inputSize:n})=>e.css`&{--outline-size:${"sm"===n?"2px":"4px"};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${o&&"\n    &,\n    &:focus {\n      border-color: #EB5757;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n    }\n  "}`,t=i.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1o6oill"})`font-family:${o.theme.fontFamily};box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${({inputSize:e})=>{let o="40px",n="14px";return"sm"===e&&(o="32px",n="12px"),`\n      height: ${o};\n      font-size: ${n};\n    `}} ${r} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,a=i.default.textarea.withConfig({displayName:"vui--Textarea",componentId:"vui--1jp908v"})`box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${r}`;exports.Input=t,exports.Textarea=a;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/ToastsLayout/ToastsLayout.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react-transition-group"),t=require("react"),a=require("react-dom"),s=require("./components/styled.cjs"),o=require("./components/Toast.cjs");exports.ToastsLayout=({className:r,e2eClassName:n,toasts:c,minWidth:i="50vw",max:l=3,onClose:m})=>(t.useEffect((()=>{l&&c.length>l&&m(c[0].key)}),[c,l,m]),a.createPortal(t.createElement(s.ToastsLayoutContainer,{direction:"vertical",alignX:"center",spacing:4},t.createElement(e.TransitionGroup,{component:null},[...c].reverse().map(((a,s)=>t.createElement(e.CSSTransition,{key:a.key,timeout:500,classNames:"veeqo-components-toast"},t.createElement(o.Toast,{className:r,e2eClassName:n,minWidth:i,last:s===c.length-1,onClose:()=>m(a.key),...a})))))),document.body));
+"use strict";var e=require("react-transition-group"),t=require("react"),a=require("react-dom"),s=require("./components/styled.cjs"),o=require("./components/Toast.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(t);exports.ToastsLayout=({className:r,e2eClassName:l,toasts:c,minWidth:i="50vw",max:u=3,onClose:m})=>(t.useEffect((()=>{u&&c.length>u&&m(c[0].key)}),[c,u,m]),a.createPortal(n.default.createElement(s.ToastsLayoutContainer,{direction:"vertical",alignX:"center",spacing:4},n.default.createElement(e.TransitionGroup,{component:null},[...c].reverse().map(((t,a)=>n.default.createElement(e.CSSTransition,{key:t.key,timeout:500,classNames:"veeqo-components-toast"},n.default.createElement(o.Toast,{className:r,e2eClassName:l,minWidth:i,last:a===c.length-1,onClose:()=>m(t.key),...t})))))),document.body));
 //# sourceMappingURL=ToastsLayout.cjs.map

package/dist/components/ToastsLayout/components/Toast.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),o=require("../../../theme/modules/colors.cjs"),n=require("./styled.cjs"),c=require("../../../utils/buildClassnames.cjs"),t=require("../../Button/Button.cjs"),r=require("../../../tempIcons/SuccessIcon.cjs"),s=require("../../../tempIcons/InfoIcon.cjs"),l=require("../../../tempIcons/AttentionIcon.cjs"),a=require("../../../tempIcons/MergeIcon.cjs"),i=require("../../../tempIcons/CrossIcon.cjs");const u={info:{accentColor:o.colors.brand.blue.base,icon:e.createElement(s.InfoIcon,null)},success:{accentColor:o.colors.secondary.green.base,icon:e.createElement(r.SuccessIcon,null)},error:{accentColor:o.colors.secondary.red.base,icon:e.createElement(l.AttentionIcon,null)},merge:{accentColor:o.colors.secondary.purple.base,icon:e.createElement(a.MergeIcon,null)}},m=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0});exports.Toast=({className:o,e2eClassName:r,type:s,iconSlot:l,text:a,last:d,minWidth:I,cta:C,onClose:b})=>{const p=m(o),q=m(r);return e.createElement(n.Toast,{className:c.buildClassnames([null==p?void 0:p.container,null==q?void 0:q.container]),direction:"horizontal",alignY:"center",minWidth:I,last:d},e.createElement(n.IconWrap,{color:u[s].accentColor,className:c.buildClassnames([p.icon,q.icon])},null!=l?l:u[s].icon),e.createElement(n.ContentStack,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(n.StyledText,{variant:"body"},a),C),e.createElement(t.Button,{variant:"flat",icon:e.createElement(i.CrossIcon,{color:"white"}),onClick:b,"aria-label":"Close"}))};
+"use strict";var e=require("react"),o=require("../../../theme/modules/colors.cjs"),t=require("./styled.cjs"),n=require("../../../utils/buildClassnames.cjs"),c=require("../../Button/Button.cjs"),l=require("../../../tempIcons/SuccessIcon.cjs"),r=require("../../../tempIcons/InfoIcon.cjs"),a=require("../../../tempIcons/AttentionIcon.cjs"),s=require("../../../tempIcons/MergeIcon.cjs"),i=require("../../../tempIcons/CrossIcon.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(e);const m={info:{accentColor:o.colors.brand.blue.base,icon:d.default.createElement(r.InfoIcon,null)},success:{accentColor:o.colors.secondary.green.base,icon:d.default.createElement(l.SuccessIcon,null)},error:{accentColor:o.colors.secondary.red.base,icon:d.default.createElement(a.AttentionIcon,null)},merge:{accentColor:o.colors.secondary.purple.base,icon:d.default.createElement(s.MergeIcon,null)}},I=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0});exports.Toast=({className:e,e2eClassName:o,type:l,iconSlot:r,text:a,last:s,minWidth:u,cta:f,onClose:C})=>{const b=I(e),p=I(o);return d.default.createElement(t.Toast,{className:n.buildClassnames([null==b?void 0:b.container,null==p?void 0:p.container]),direction:"horizontal",alignY:"center",minWidth:u,last:s},d.default.createElement(t.IconWrap,{color:m[l].accentColor,className:n.buildClassnames([b.icon,p.icon])},null!=r?r:m[l].icon),d.default.createElement(t.ContentStack,{direction:"horizontal",alignY:"center",alignX:"between"},d.default.createElement(t.StyledText,{variant:"body"},a),f),d.default.createElement(c.Button,{variant:"flat",icon:d.default.createElement(i.CrossIcon,{color:"white"}),onClick:C,"aria-label":"Close"}))};
 //# sourceMappingURL=Toast.cjs.map

package/dist/components/ToastsLayout/components/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var t=require("styled-components"),e=require("../../Stack/Stack.cjs"),o=require("../../BaseContainer/BaseContainer.cjs"),i=require("../../Text/Text.cjs"),n=require("../../../theme/index.cjs"),a=require("../../../theme/modules/sizes.cjs");const s=t(e.Stack).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--qrqt2g"})`position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${n.theme.layers.tooltip};`,r=t(e.Stack).withConfig({displayName:"vui--Toast",componentId:"vui--f5gjtj"})`background-color:${n.theme.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${n.theme.shadows.lg};border-radius:${n.theme.radius.md};pointer-events:auto;z-index:40;min-width:${({minWidth:t})=>t};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({last:t})=>t?"translateY(0)":"translateX(0)"};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({last:t})=>t?"translateY(12px)":"translateX(12px)"};opacity:0;transition:500ms ease;}`,c=t(o.BaseContainer).withConfig({displayName:"vui--IconWrap",componentId:"vui--n3gc7q"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${n.theme.radius.md};background-color:${({color:t})=>t};color:#fff;svg{width:${a.sizes.md};height:${a.sizes.md};}`,d=t(e.Stack).withConfig({displayName:"vui--ContentStack",componentId:"vui--12f8l37"})`flex-grow:1;`,p=t(i.Text).withConfig({displayName:"vui--StyledText",componentId:"vui--1qgwlso"})`color:white;font-size:16px;`;exports.ContentStack=d,exports.IconWrap=c,exports.StyledText=p,exports.Toast=r,exports.ToastsLayoutContainer=s;
+"use strict";var t=require("styled-components"),e=require("../../Stack/Stack.cjs"),o=require("../../BaseContainer/BaseContainer.cjs"),a=require("../../Text/Text.cjs"),i=require("../../../theme/index.cjs"),n=require("../../../theme/modules/sizes.cjs");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const d=r.default(e.Stack).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--qrqt2g"})`position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${i.theme.layers.tooltip};`,c=r.default(e.Stack).withConfig({displayName:"vui--Toast",componentId:"vui--f5gjtj"})`background-color:${i.theme.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${i.theme.shadows.lg};border-radius:${i.theme.radius.md};pointer-events:auto;z-index:40;min-width:${({minWidth:t})=>t};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({last:t})=>t?"translateY(0)":"translateX(0)"};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({last:t})=>t?"translateY(12px)":"translateX(12px)"};opacity:0;transition:500ms ease;}`,p=r.default(o.BaseContainer).withConfig({displayName:"vui--IconWrap",componentId:"vui--n3gc7q"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${i.theme.radius.md};background-color:${({color:t})=>t};color:#fff;svg{width:${n.sizes.md};height:${n.sizes.md};}`,l=r.default(e.Stack).withConfig({displayName:"vui--ContentStack",componentId:"vui--12f8l37"})`flex-grow:1;`,m=r.default(a.Text).withConfig({displayName:"vui--StyledText",componentId:"vui--1qgwlso"})`color:white;font-size:16px;`;exports.ContentStack=l,exports.IconWrap=p,exports.StyledText=m,exports.Toast=c,exports.ToastsLayoutContainer=d;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["ToastsLayoutContainer","styled","Stack","withConfig","displayName","componentId","theme","layers","tooltip","Toast","colors","neutral","ink","dark","shadows","lg","radius","md","minWidth","last","IconWrap","BaseContainer","color","sizes","ContentStack"],"mappings":"2PAoD6D,MAAAA,EAAAC,EAAAC,EAAAA,OAAAC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAAA,qEAAAC,EAAAA,MAAAC,OAAAC,WAe3DC,EAAAR,EAAAC,EAAAA,OAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAAA,oBAAAC,EAAAA,MAAAI,OAAAC,QAAAC,IAAAC,+CAAAP,EAAAA,MAAAQ,QAAAC,oBAAAT,EAAAA,MAAAU,OAAAC,+CAAA,EAAAC,cAAAA,gOAAA,EAAAC,UAAAA,EAAA,gBAAA,6EAAA,EAAAA,UAAAA,EAAA,mBAAA,uDAEKC,EAAkBnB,EAAAoB,iBAAAlB,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,kHAEvBC,EAAAA,MAAAU,OAAAC,uBAAA,EAAAK,WAAAA,0BAAAC,EAAAA,MAAAN,aAAAM,QAAAN,OAEKO,EAAgBvB,EAAAC,SAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["ToastsLayoutContainer","styled","default","Stack","withConfig","displayName","componentId","theme","layers","tooltip","Toast","colors","neutral","ink","dark","shadows","lg","radius","md","minWidth","last","IconWrap","BaseContainer","color","sizes","ContentStack"],"mappings":"yTAoD6D,MAAAA,EAAAC,EAAAC,QAAAC,EAAAA,OAAAC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAAA,qEAAAC,EAAAA,MAAAC,OAAAC,WAe3DC,EAAAT,EAAAA,QAAAE,EAAAA,OAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAAA,oBAAAC,EAAAA,MAAAI,OAAAC,QAAAC,IAAAC,+CAAAP,EAAAA,MAAAQ,QAAAC,oBAAAT,EAAAA,MAAAU,OAAAC,+CAAA,EAAAC,cAAAA,gOAAA,EAAAC,UAAAA,EAAA,gBAAA,6EAAA,EAAAA,UAAAA,EAAA,mBAAA,uDAEKC,EAAkBpB,EAAAC,QAAAoB,iBAAAlB,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,kHAEvBC,EAAAA,MAAAU,OAAAC,uBAAA,EAAAK,WAAAA,0BAAAC,EAAAA,MAAAN,aAAAM,QAAAN,OAEKO,EAAgBxB,EAAAC,QAAAC,SAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAA"}

package/dist/components/Toggle/Toggle.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("./styled.cjs"),a=require("../Choice/Choice.cjs");const t=e.forwardRef((({id:t="testid",className:s,name:c,switched:l,small:r,onClick:d=(()=>{}),disabled:n,ariaLabel:o,inputPosition:m="right",...h},b)=>e.createElement(a.Choice,{id:t,inputPosition:m,...h},e.createElement(i.Wrapper,{className:s,disabled:n},e.createElement(i.Switch,{small:r,disabled:n,className:s},e.createElement(i.Input,{id:t,role:"switch",type:"checkbox",name:c,"aria-label":o,checked:!!l,onChange:e=>n?void 0:d(e),disabled:n,ref:b}),e.createElement(i.Slider,{switched:l,disabled:n}))))));exports.Toggle=t;
+"use strict";var e=require("react"),a=require("./styled.cjs"),t=require("../Choice/Choice.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(e);const d=e.forwardRef((({id:e="testid",className:i,name:d,switched:r,small:s,onClick:c=(()=>{}),disabled:n,ariaLabel:o,inputPosition:u="right",...m},h)=>l.default.createElement(t.Choice,{id:e,inputPosition:u,...m},l.default.createElement(a.Wrapper,{className:i,disabled:n},l.default.createElement(a.Switch,{small:s,disabled:n,className:i},l.default.createElement(a.Input,{id:e,role:"switch",type:"checkbox",name:d,"aria-label":o,checked:!!r,onChange:e=>n?void 0:c(e),disabled:n,ref:h}),l.default.createElement(a.Slider,{switched:r,disabled:n}))))));exports.Toggle=d;
 //# sourceMappingURL=Toggle.cjs.map

package/dist/components/Toggle/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),t=require("../BaseContainer/BaseContainer.cjs"),i=require("../../theme/index.cjs");const o=e.span.withConfig({displayName:"vui--Slider",componentId:"vui--10ka3tn"})`content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({disabled:e,switched:t})=>e&&t?i.theme.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,s=e.input.withConfig({displayName:"vui--Input",componentId:"vui--1f7rwsl"})`width:100%;height:100%;border-radius:${i.theme.radius.base};z-index:2;margin:0;cursor:${({disabled:e})=>e?"not-allowed":"pointer"};&:focus-visible + ${o}{box-shadow:0 0 0 4px ${i.theme.colors.brand.blue.light};}&:checked + ${o}{background-color:#0079d1;}&:disabled + ${o}{background-color:${i.theme.colors.neutral.grey.base};}&:checked:disabled + ${o}{background-color:${i.theme.colors.secondary.blue.light};}`,a=e.span.withConfig({displayName:"vui--Switch",componentId:"vui--16c93z6"})`display:flex;position:relative;height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};z-index:1;input{position:absolute;opacity:0;}${o}:after{height:${({small:e})=>e?"22px":"28px"};width:${({small:e})=>e?"22px":"28px"};left:${({small:e})=>e?"3px":"4px"};bottom:${({small:e})=>e?"3px":"4px"};}${s}:checked + ${o}{&:after,svg{-webkit-transform:translateX(${({small:e})=>e?"28px":"36px"});-ms-transform:translateX(${({small:e})=>e?"28px":"36px"});transform:translateX(${({small:e})=>e?"28px":"36px"});}}`,r=e(t.BaseContainer).withConfig({displayName:"vui--Wrapper",componentId:"vui--13u3unt"})`display:inline-block;user-select:none;`;exports.Input=s,exports.Slider=o,exports.Switch=a,exports.Wrapper=r;
+"use strict";var e=require("styled-components"),t=require("../BaseContainer/BaseContainer.cjs"),o=require("../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var a=i(e);const s=a.default.span.withConfig({displayName:"vui--Slider",componentId:"vui--10ka3tn"})`content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({disabled:e,switched:t})=>e&&t?o.theme.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,r=a.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1f7rwsl"})`width:100%;height:100%;border-radius:${o.theme.radius.base};z-index:2;margin:0;cursor:${({disabled:e})=>e?"not-allowed":"pointer"};&:focus-visible + ${s}{box-shadow:0 0 0 4px ${o.theme.colors.brand.blue.light};}&:checked + ${s}{background-color:#0079d1;}&:disabled + ${s}{background-color:${o.theme.colors.neutral.grey.base};}&:checked:disabled + ${s}{background-color:${o.theme.colors.secondary.blue.light};}`,n=a.default.span.withConfig({displayName:"vui--Switch",componentId:"vui--16c93z6"})`display:flex;position:relative;height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};z-index:1;input{position:absolute;opacity:0;}${s}:after{height:${({small:e})=>e?"22px":"28px"};width:${({small:e})=>e?"22px":"28px"};left:${({small:e})=>e?"3px":"4px"};bottom:${({small:e})=>e?"3px":"4px"};}${r}:checked + ${s}{&:after,svg{-webkit-transform:translateX(${({small:e})=>e?"28px":"36px"});-ms-transform:translateX(${({small:e})=>e?"28px":"36px"});transform:translateX(${({small:e})=>e?"28px":"36px"});}}`,l=a.default(t.BaseContainer).withConfig({displayName:"vui--Wrapper",componentId:"vui--13u3unt"})`display:inline-block;user-select:none;`;exports.Input=r,exports.Slider=s,exports.Switch=n,exports.Wrapper=l;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Toggle/styled.ts"],"sourcesContent":[null],"names":["styled","input","withConfig","displayName","componentId","theme","radius","base","disabled","Slider","colors","brand","blue","light","neutral","grey","secondary","Switch","span","small","Input","Wrapper","BaseContainer"],"mappings":"2iBA2BEA,EAAAC,MAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,gBAAA,wCAAAC,QAAAC,OAAAC,kCAAA,EAAAC,cAAAA,EAAA,cAAA,+BAAAC,0BAAAJ,EAAAA,MAAAK,OAAAC,MAAAC,KAAAC,sBAAAJ,4CAAAA,sBAAAJ,EAAAA,MAAAK,OAAAI,QAAAC,KAAAR,8BAAAE,sBAAAJ,QAAAK,OAAAM,UAAAJ,KAAAC,UAEFI,EAAWjB,EAAAkB,KAAAhB,WAAA,CAAAC,YAAA,cAAAC,YAAA,gBAwBT,yCAAA,EAAAe,WAAAA,EAAA,OAAA,gBAAA,EAAAA,WAAAA,EAAA,OAAA,uDAAAV,kBAAA,EAAAU,WAAAA,EAAA,OAAA,gBAAA,EAAAA,WAAAA,EAAA,OAAA,eAAA,EAAAA,WAAAA,EAAA,MAAA,gBAAA,EAAAA,WAAAA,EAAA,MAAA,UAAAC,eAAAX,8CAAA,EAAAU,WAAAA,EAAA,OAAA,oCAAA,EAAAA,WAAAA,EAAA,OAAA,gCAAA,EAAAA,WAAAA,EAAA,OAAA,aAEFE,EAAYrB,EAAAsB,iBAAApB,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBA4BV"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Toggle/styled.ts"],"sourcesContent":[null],"names":["styled","default","input","withConfig","displayName","componentId","theme","radius","base","disabled","Slider","colors","brand","blue","light","neutral","grey","secondary","Switch","span","small","Input","Wrapper","BaseContainer"],"mappings":"inBA2BEA,EAAAC,QAAAC,MAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,gBAAA,wCAAAC,QAAAC,OAAAC,kCAAA,EAAAC,cAAAA,EAAA,cAAA,+BAAAC,0BAAAJ,EAAAA,MAAAK,OAAAC,MAAAC,KAAAC,sBAAAJ,4CAAAA,sBAAAJ,EAAAA,MAAAK,OAAAI,QAAAC,KAAAR,8BAAAE,sBAAAJ,QAAAK,OAAAM,UAAAJ,KAAAC,UAEFI,EAAWlB,EAAAA,QAAAmB,KAAAhB,WAAA,CAAAC,YAAA,cAAAC,YAAA,gBAwBT,yCAAA,EAAAe,WAAAA,EAAA,OAAA,gBAAA,EAAAA,WAAAA,EAAA,OAAA,uDAAAV,kBAAA,EAAAU,WAAAA,EAAA,OAAA,gBAAA,EAAAA,WAAAA,EAAA,OAAA,eAAA,EAAAA,WAAAA,EAAA,MAAA,gBAAA,EAAAA,WAAAA,EAAA,MAAA,UAAAC,eAAAX,8CAAA,EAAAU,WAAAA,EAAA,OAAA,oCAAA,EAAAA,WAAAA,EAAA,OAAA,gCAAA,EAAAA,WAAAA,EAAA,OAAA,aAEFE,EAAYtB,EAAAC,QAAAsB,iBAAApB,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBA4BV"}

package/dist/components/ToggleButton/ToggleButton.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./styled.cjs");exports.ToggleButton=({children:r,checked:s,size:d="base",disabled:a=!1,onChange:c})=>e.createElement(t.StyledButton,{type:"button",checked:s,size:d,disabled:a,"aria-pressed":s,tabIndex:"0",onClick:()=>c(!s)},r);
+"use strict";var e=require("react"),t=require("./styled.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var d=r(e);exports.ToggleButton=({children:e,checked:r,size:a="base",disabled:s=!1,onChange:n})=>d.default.createElement(t.StyledButton,{type:"button",checked:r,size:a,disabled:s,"aria-pressed":r,tabIndex:"0",onClick:()=>n(!r)},e);
 //# sourceMappingURL=ToggleButton.cjs.map

package/dist/components/ToggleButton/ToggleButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.cjs","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":[null],"names":["children","checked","size","disabled","onChange","React","createElement","StyledButton","type","tabIndex","onClick"],"mappings":"mFAKsB,EAAAA,WAAAC,UAAAC,OAAA,OAAAC,YAAA,EAAAC,cAAAC,EAAAC,cAAAC,EAAAA,aAAA,CAAAC,KAAA,SAAAP,QAAAA,EAAAC,KAAAA,EAAAC,SAAAA,EAAA,eAAAF,EAAAQ,SAAA,IAAAC,QAAA,IAAAN,GAAAH,IAAAD"}
+{"version":3,"file":"ToggleButton.cjs","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":[null],"names":["children","checked","size","disabled","onChange","React","createElement","StyledButton","type","tabIndex","onClick"],"mappings":"iJAKsB,EAAAA,WAAAC,UAAAC,OAAA,OAAAC,YAAA,EAAAC,cAAAC,EAAAA,QAAAC,cAAAC,EAAAA,aAAA,CAAAC,KAAA,SAAAP,QAAAA,EAAAC,KAAAA,EAAAC,SAAAA,EAAA,eAAAF,EAAAQ,SAAA,IAAAC,QAAA,IAAAN,GAAAH,IAAAD"}

package/dist/components/ToggleButton/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");const n=e.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--xt3hiw"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${o.theme.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({size:e,checked:o})=>{let n="40px",t="24px",r="24px",i="8px",d="16px",c="4px",l="white",s="#CDD1D5",p="#37424D";return"sm"===e&&(n="32px",t="16px",r="16px",i="4px",d="14px",c="2px"),o&&(l="#0079D1",s="#0079D1",p="white"),`\n      --outline-width: ${c};\n\n      height: ${n};\n      padding-left: ${t};\n      padding-right: ${r};\n      border-radius: ${i};\n      font-size: ${d};\n\n      background-color: ${l};\n      border-color: ${s};\n      color: ${p};\n    `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};border-color:${({checked:e})=>e?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`;exports.StyledButton=n;
+"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}const t=n(e).default.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--xt3hiw"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${o.theme.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({size:e,checked:o})=>{let n="40px",t="24px",r="24px",i="8px",d="16px",c="4px",l="white",s="#CDD1D5",u="#37424D";return"sm"===e&&(n="32px",t="16px",r="16px",i="4px",d="14px",c="2px"),o&&(l="#0079D1",s="#0079D1",u="white"),`\n      --outline-width: ${c};\n\n      height: ${n};\n      padding-left: ${t};\n      padding-right: ${r};\n      border-radius: ${i};\n      font-size: ${d};\n\n      background-color: ${l};\n      border-color: ${s};\n      color: ${u};\n    `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};border-color:${({checked:e})=>e?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`;exports.StyledButton=t;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Tooltip/Tooltip.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("react-dom"),r=require("./components/styled.cjs"),o=require("./components/TooltipPopover.cjs");exports.Tooltip=({children:n,text:a,content:l,config:i,reversed:c=!1,className:s,withTriangle:u,initialShouldShow:m=!1,useReactPortal:p=!0})=>{const[v,h]=e.useState(m),[d,g]=e.useState(null),b=!!a&&a.trim().length>0,$={container:s&&`${s} ${s}-container`,tip:s&&`${s}-tip`,wrap:s&&`${s}-wrap`,triangle:s&&`${s}-triangle`,hoverable:s&&`${s}-hoverable`},w=!(!l&&!b);if(!w)return n;const E=v&&w&&e.createElement(o.TooltipPopover,{classNames:$,hoverableElement:d,config:i,reversed:c,withTriangle:u,text:a,content:l});return e.createElement(r.Container,{className:$.container},p?t.createPortal(E,document.body):E,e.createElement(r.Hoverable,{ref:g,className:$.hoverable,onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1)},n))};
+"use strict";var e=require("react"),t=require("react-dom"),r=require("./components/styled.cjs"),a=require("./components/TooltipPopover.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var n=o(e),l=o(t);exports.Tooltip=({children:t,text:o,content:i,config:c,reversed:s=!1,className:u,withTriangle:d,initialShouldShow:m=!1,useReactPortal:p=!0})=>{const[v,f]=e.useState(m),[h,g]=e.useState(null),b=!!o&&o.trim().length>0,$={container:u&&`${u} ${u}-container`,tip:u&&`${u}-tip`,wrap:u&&`${u}-wrap`,triangle:u&&`${u}-triangle`,hoverable:u&&`${u}-hoverable`},w=!(!i&&!b);if(!w)return t;const E=v&&w&&n.default.createElement(a.TooltipPopover,{classNames:$,hoverableElement:h,config:c,reversed:s,withTriangle:d,text:o,content:i});return n.default.createElement(r.Container,{className:$.container},p?l.default.createPortal(E,document.body):E,n.default.createElement(r.Hoverable,{ref:g,className:$.hoverable,onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1)},t))};
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/components/Tooltip/components/TooltipPopover.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("react-popper"),i=require("./styled.cjs"),r=require("../types.cjs"),s=require("../../../theme/index.cjs");const a={duration:400,side:r.Sides.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340};exports.TooltipPopover=({content:r,text:n,hoverableElement:l,config:o,reversed:p,withTriangle:c,classNames:d})=>{const[u,m]=e.useState(null),f={...a,...o},{duration:h,side:g,triangleOffset:x,tipMinWidth:T,tipMaxWidth:W}=f,{styles:q,attributes:M}=t.usePopper(l,u,{placement:`${g}-${p?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),v={...q.popper,zIndex:s.theme.layers.tooltip};return e.createElement(i.Tip,{className:d.tip,ref:m,duration:h,triangleOffsetSize:x,style:v,...M.popper,role:"tooltip"},e.createElement(i.Wrap,{className:d.wrap,tipMinWidth:T,tipMaxWidth:W},null!=r?r:e.createElement(i.TooltipText,null,n)),c&&e.createElement(i.Triangle,{id:"veeqo-components-triangle",className:d.triangle}))};
+"use strict";var e=require("react"),t=require("react-popper"),i=require("./styled.cjs"),r=require("../types.cjs"),a=require("../../../theme/index.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var l=s(e);const n={duration:400,side:r.Sides.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340};exports.TooltipPopover=({content:r,text:s,hoverableElement:o,config:p,reversed:d,withTriangle:u,classNames:c})=>{const[f,m]=e.useState(null),h={...n,...p},{duration:g,side:x,triangleOffset:M,tipMinWidth:T,tipMaxWidth:W}=h,{styles:q,attributes:v}=t.usePopper(o,f,{placement:`${x}-${d?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),y={...q.popper,zIndex:a.theme.layers.tooltip};return l.default.createElement(i.Tip,{className:c.tip,ref:m,duration:g,triangleOffsetSize:M,style:y,...v.popper,role:"tooltip"},l.default.createElement(i.Wrap,{className:c.wrap,tipMinWidth:T,tipMaxWidth:W},null!=r?r:l.default.createElement(i.TooltipText,null,s)),u&&l.default.createElement(i.Triangle,{id:"veeqo-components-triangle",className:c.triangle}))};
 //# sourceMappingURL=TooltipPopover.cjs.map

package/dist/components/Tooltip/components/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),t=require("../../Text/Text.cjs"),o=require("../../../theme/index.cjs");const i=e.div.withConfig({displayName:"vui--Container",componentId:"vui--t7r6of"})`display:inline-block;`,p=e(i).withConfig({displayName:"vui--Hoverable",componentId:"vui--1yesgsr"})``,n=e(t.Text).withConfig({displayName:"vui--TooltipText",componentId:"vui--14vro0x"})`color:${o.theme.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,a=e.div.withConfig({displayName:"vui--Triangle",componentId:"vui--yf0fwi"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,r=e.div.withConfig({displayName:"vui--Tip",componentId:"vui--ll0nnf"})`transition:${({duration:e})=>`opacity ${e}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`,d=e(i).withConfig({displayName:"vui--Wrap",componentId:"vui--1u8lm59"})`font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({tipMinWidth:e})=>e}px;max-width:${({tipMaxWidth:e})=>e}px;`;exports.Container=i,exports.Hoverable=p,exports.Tip=r,exports.TooltipText=n,exports.Triangle=a,exports.Wrap=d;
+"use strict";var e=require("styled-components"),t=require("../../Text/Text.cjs"),o=require("../../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var p=i(e);const n=p.default.div.withConfig({displayName:"vui--Container",componentId:"vui--t7r6of"})`display:inline-block;`,a=p.default(n).withConfig({displayName:"vui--Hoverable",componentId:"vui--1yesgsr"})``,r=p.default(t.Text).withConfig({displayName:"vui--TooltipText",componentId:"vui--14vro0x"})`color:${o.theme.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,d=p.default.div.withConfig({displayName:"vui--Triangle",componentId:"vui--yf0fwi"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,l=p.default.div.withConfig({displayName:"vui--Tip",componentId:"vui--ll0nnf"})`transition:${({duration:e})=>`opacity ${e}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`,s=p.default(n).withConfig({displayName:"vui--Wrap",componentId:"vui--1u8lm59"})`font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({tipMinWidth:e})=>e}px;max-width:${({tipMaxWidth:e})=>e}px;`;exports.Container=n,exports.Hoverable=a,exports.Tip=l,exports.TooltipText=r,exports.Triangle=d,exports.Wrap=s;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":[null],"names":["Container","styled","div","withConfig","displayName","componentId","Hoverable","TooltipText","Text","theme","colors","neutral","grey","lightest","Triangle","Tip","duration"],"mappings":"uHAcA,MAAAA,EAAiBC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAA,wBAOjBC,EAAcL,EAAAD,GAAAG,WAAA,CAAAC,YAAA,iBAAAC,YAOZ,gBAAA,GAEFE,EAASN,EAAAO,QAAAL,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBA4BP,SAAAI,QAAAC,OAAAC,QAAAC,KAAAC,yEAEFC,EAAUb,EAAAC,IAAAC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAWR,qGAEFU,EAASd,EAAWC,IAAAC,WAAa,CAAGC,YAAa,WAAMC,YAAW,eAAA,cAAA,EAAAW,cAAA,WAAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":[null],"names":["Container","styled","default","div","withConfig","displayName","componentId","Hoverable","TooltipText","Text","theme","colors","neutral","grey","lightest","Triangle","Tip","duration"],"mappings":"qLAcA,MAAAA,EAAiBC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAA,wBAOjBC,EAAcN,EAAAC,QAAAF,GAAAI,WAAA,CAAAC,YAAA,iBAAAC,YAOZ,gBAAA,GAEFE,EAASP,EAAAC,QAAAO,QAAAL,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBA4BP,SAAAI,QAAAC,OAAAC,QAAAC,KAAAC,yEAEFC,EAAUd,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAWR,qGAEFU,EAASf,EAAAA,QAAWE,IAAAC,WAAa,CAAGC,YAAa,WAAMC,YAAW,eAAA,cAAA,EAAAW,cAAA,WAAAA"}

package/dist/components/UploadFile/UploadFile.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./styled.cjs"),l=require("./constants.cjs"),r=require("./components/UploadCopy/UploadCopy.cjs"),n=require("./utils/setInputElFile/setInputElFile.cjs"),i=require("./utils/getValidTypesString/getValidTypesString.cjs"),a=require("./utils/getFileSizeString/getFileSizeString.cjs"),s=require("./utils/getTypePropForInputEl/getTypePropForInputEl.cjs"),u=require("../../hoc/withLabels/styled.cjs"),o=require("../Stack/Stack.cjs"),c=require("./components/UploadFileErrors/UploadFileErrors.cjs"),p=require("./components/UploadedFile/UploadedFile.cjs"),d=require("../../theme/modules/sizes.cjs");const v=e.forwardRef((({id:v,name:I,maxBytes:m=1e6,format:S=l.FileSizeUnit.MB,fileTypes:g,label:E="Upload file",required:f,disabled:F,...y},D)=>{const T=e.useRef(null);e.useImperativeHandle(D,(()=>T.current),[]);const[A,L]=e.useState(),[q,h]=e.useState(l.InputState.VALID),V=q===l.InputState.INVALID_FORMAT||q===l.InputState.INVALID_FORMAT_AND_SIZE,_=q===l.InputState.INVALID_SIZE||q===l.InputState.INVALID_FORMAT_AND_SIZE,j=a.getFileSizeString({maxBytes:m,format:S}),U=i.getValidTypesString({fileTypes:g}),b=s.getTypePropForInputEl({fileTypes:g}),z=()=>{var e;(null===(e=T.current)||void 0===e?void 0:e.value)&&(T.current.value="")},C=({overMaxSize:e,invalidFormat:t})=>{var r;let n=l.InputState.VALID;t&&!e?n=l.InputState.INVALID_FORMAT:!t&&e?n=l.InputState.INVALID_SIZE:t&&e&&(n=l.InputState.INVALID_FORMAT_AND_SIZE),null===(r=T.current)||void 0===r||r.setCustomValidity(n),h(n)},N=e.useCallback((e=>{if(!e.length)return void C({invalidFormat:!0});const[t]=e,l=t.size>m,[,r]=t.type.split("/"),i=!g.find((e=>e.substring(1)===r));l||i?z():n.setInputElFile({fileList:e,elementId:v}),C({invalidFormat:i,overMaxSize:l}),L(t)}),[g,v,m]),M=e.useCallback((()=>{z(),L(void 0),C({invalidFormat:!1,overMaxSize:!1})}),[]),k=e.useCallback((()=>{var e;const t=null===(e=null==T?void 0:T.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&(null==t?void 0:t.length)>0?N(t):M()}),[M,N]);return e.useEffect((()=>{const e=null==T?void 0:T.current;return null==e||e.addEventListener("change",k),null==e||e.addEventListener("cancel",M),()=>{null==e||e.removeEventListener("change",k),null==e||e.removeEventListener("cancel",M)}}),[k,M]),e.createElement(u.RootStack,{spacing:"sm",alignX:"stretch"},e.createElement(u.Label,{htmlFor:v},E,e.createElement(o.Stack,{spacing:3,alignX:"stretch",style:{paddingTop:d.sizes.sm}},e.createElement(u.Hint,null,e.createElement("div",null,U),e.createElement("div",null,j)),e.createElement(t.DropZoneContainer,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&N(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=T.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=T.current)||void 0===t||t.blur()}},e.createElement(r.UploadCopy,null),e.createElement("input",{ref:T,id:v,type:"file",accept:b,name:I,required:f,disabled:F,...y})))),e.createElement(o.Stack,{alignX:"stretch",spacing:"sm"},e.createElement(p.UploadedFile,{file:A,resetSelection:M,disabled:F}),e.createElement(c.UploadFileErrors,{acceptedTypesCopy:V?U:void 0,maxSizeCopy:_?j:void 0})))}));exports.UploadFile=v;
+"use strict";var e=require("react"),t=require("./styled.cjs"),l=require("./constants.cjs"),r=require("./components/UploadCopy/UploadCopy.cjs"),a=require("./utils/setInputElFile/setInputElFile.cjs"),n=require("./utils/getValidTypesString/getValidTypesString.cjs"),i=require("./utils/getFileSizeString/getFileSizeString.cjs"),u=require("./utils/getTypePropForInputEl/getTypePropForInputEl.cjs"),s=require("../../hoc/withLabels/styled.cjs"),o=require("../Stack/Stack.cjs"),d=require("./components/UploadFileErrors/UploadFileErrors.cjs"),c=require("./components/UploadedFile/UploadedFile.cjs"),p=require("../../theme/modules/sizes.cjs");function v(e){return e&&e.__esModule?e:{default:e}}var f=v(e);const I=e.forwardRef((({id:v,name:I,maxBytes:m=1e6,format:S=l.FileSizeUnit.MB,fileTypes:g,label:E="Upload file",required:F,disabled:y,...D},T)=>{const A=e.useRef(null);e.useImperativeHandle(T,(()=>A.current),[]);const[L,q]=e.useState(),[_,h]=e.useState(l.InputState.VALID),V=_===l.InputState.INVALID_FORMAT||_===l.InputState.INVALID_FORMAT_AND_SIZE,j=_===l.InputState.INVALID_SIZE||_===l.InputState.INVALID_FORMAT_AND_SIZE,U=i.getFileSizeString({maxBytes:m,format:S}),b=n.getValidTypesString({fileTypes:g}),z=u.getTypePropForInputEl({fileTypes:g}),C=()=>{var e;(null===(e=A.current)||void 0===e?void 0:e.value)&&(A.current.value="")},M=({overMaxSize:e,invalidFormat:t})=>{var r;let a=l.InputState.VALID;t&&!e?a=l.InputState.INVALID_FORMAT:!t&&e?a=l.InputState.INVALID_SIZE:t&&e&&(a=l.InputState.INVALID_FORMAT_AND_SIZE),null===(r=A.current)||void 0===r||r.setCustomValidity(a),h(a)},N=e.useCallback((e=>{if(!e.length)return void M({invalidFormat:!0});const[t]=e,l=t.size>m,[,r]=t.type.split("/"),n=!g.find((e=>e.substring(1)===r));l||n?C():a.setInputElFile({fileList:e,elementId:v}),M({invalidFormat:n,overMaxSize:l}),q(t)}),[g,v,m]),k=e.useCallback((()=>{C(),q(void 0),M({invalidFormat:!1,overMaxSize:!1})}),[]),R=e.useCallback((()=>{var e;const t=null===(e=null==A?void 0:A.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&(null==t?void 0:t.length)>0?N(t):k()}),[k,N]);return e.useEffect((()=>{const e=null==A?void 0:A.current;return null==e||e.addEventListener("change",R),null==e||e.addEventListener("cancel",k),()=>{null==e||e.removeEventListener("change",R),null==e||e.removeEventListener("cancel",k)}}),[R,k]),f.default.createElement(s.RootStack,{spacing:"sm",alignX:"stretch"},f.default.createElement(s.Label,{htmlFor:v},E,f.default.createElement(o.Stack,{spacing:3,alignX:"stretch",style:{paddingTop:p.sizes.sm}},f.default.createElement(s.Hint,null,f.default.createElement("div",null,b),f.default.createElement("div",null,U)),f.default.createElement(t.DropZoneContainer,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&N(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=A.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=A.current)||void 0===t||t.blur()}},f.default.createElement(r.UploadCopy,null),f.default.createElement("input",{ref:A,id:v,type:"file",accept:z,name:I,required:F,disabled:y,...D})))),f.default.createElement(o.Stack,{alignX:"stretch",spacing:"sm"},f.default.createElement(c.UploadedFile,{file:L,resetSelection:k,disabled:y}),f.default.createElement(d.UploadFileErrors,{acceptedTypesCopy:V?b:void 0,maxSizeCopy:j?U:void 0})))}));exports.UploadFile=I;
 //# sourceMappingURL=UploadFile.cjs.map

package/dist/components/UploadFile/UploadGraphic.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.UploadGraphic=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"56",height:"56",fill:"none",role:"presentation"},e.createElement("path",{fill:"#fff",d:"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28"}),e.createElement("path",{fill:"#37424D",d:"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z"}));
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var t=e(require("react"));exports.UploadGraphic=()=>t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"56",height:"56",fill:"none",role:"presentation"},t.default.createElement("path",{fill:"#fff",d:"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28"}),t.default.createElement("path",{fill:"#37424D",d:"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z"}));
 //# sourceMappingURL=UploadGraphic.cjs.map

package/dist/components/UploadFile/UploadGraphic.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadGraphic.cjs","sources":["../../../src/components/UploadFile/UploadGraphic.tsx"],"sourcesContent":[null],"names":["React","createElement","xmlns","width","height","fill","role"],"mappings":"0DAE0B,IAAAA,EAAAC,cAAA,MAWxB,CAAAC,MAAA,6BAAAC,MAAA,KAAAC,OAAA,KAAAC,KAAA,OAAAC,KAAA"}
+{"version":3,"file":"UploadGraphic.cjs","sources":["../../../src/components/UploadFile/UploadGraphic.tsx"],"sourcesContent":[null],"names":["React","createElement","xmlns","width","height","fill","role"],"mappings":"gHAE0B,IAAAA,EAAAA,QAAAC,cAAA,MAWxB,CAAAC,MAAA,6BAAAC,MAAA,KAAAC,OAAA,KAAAC,KAAA,OAAAC,KAAA"}

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../../UploadGraphic.cjs"),t=require("../../../../theme/modules/sizes.cjs"),a=require("../../../Stack/Stack.cjs"),s=require("../../../Text/Text.cjs");exports.UploadCopy=()=>e.createElement(a.Stack,{alignX:"center",alignY:"center",spacing:"sm",style:{pointerEvents:"none"}},e.createElement(r.UploadGraphic,null),e.createElement(s.Text,{variant:"subheadingSmall",style:{paddingTop:t.sizes.sm}},"Browse files or drag them here"));
+"use strict";var e=require("react"),t=require("../../UploadGraphic.cjs"),r=require("../../../../theme/modules/sizes.cjs"),a=require("../../../Stack/Stack.cjs"),s=require("../../../Text/Text.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var i=l(e);exports.UploadCopy=()=>i.default.createElement(a.Stack,{alignX:"center",alignY:"center",spacing:"sm",style:{pointerEvents:"none"}},i.default.createElement(t.UploadGraphic,null),i.default.createElement(s.Text,{variant:"subheadingSmall",style:{paddingTop:r.sizes.sm}},"Browse files or drag them here"));
 //# sourceMappingURL=UploadCopy.cjs.map

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../../../Stack/Stack.cjs"),t=require("../../../Text/Text.cjs");exports.UploadFileErrors=({acceptedTypesCopy:a,maxSizeCopy:i})=>a||i?e.createElement(r.Stack,{alignX:"start",spacing:"xs"},a&&e.createElement(t.Text,{variant:"errorSmall"},"Invalid format (",a,")"),i&&e.createElement(t.Text,{variant:"errorSmall"},"File is too big (",i,")")):null;
+"use strict";var e=require("react"),t=require("../../../Stack/Stack.cjs"),r=require("../../../Text/Text.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(e);exports.UploadFileErrors=({acceptedTypesCopy:e,maxSizeCopy:a})=>e||a?l.default.createElement(t.Stack,{alignX:"start",spacing:"xs"},e&&l.default.createElement(r.Text,{variant:"errorSmall"},"Invalid format (",e,")"),a&&l.default.createElement(r.Text,{variant:"errorSmall"},"File is too big (",a,")")):null;
 //# sourceMappingURL=UploadFileErrors.cjs.map

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFileErrors.cjs","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":[null],"names":["acceptedTypesCopy","maxSizeCopy"],"mappings":"uIAMuB,EAAAA,oBAAAC,iBACrBD,GAAAC,gNAEK"}
+{"version":3,"file":"UploadFileErrors.cjs","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":[null],"names":["acceptedTypesCopy","maxSizeCopy"],"mappings":"qMAMuB,EAAAA,oBAAAC,iBACrBD,GAAAC,wOAEK"}

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("../../../Button/Button.cjs"),l=require("../../../../tempIcons/CrossIcon.cjs"),i=require("./styled.cjs");exports.UploadedFile=({file:n,resetSelection:r,disabled:a})=>n?e.createElement(i.UploadedFilesListStack,{alignX:"between",direction:"horizontal",alignY:"center"},e.createElement(i.SingleLineText,{variant:"body"},null==n?void 0:n.name),e.createElement(t.Button,{size:"sm",variant:"flat",onClick:r,icon:e.createElement(l.CrossIcon,null),"aria-label":"Remove file",disabled:a})):null;
+"use strict";var e=require("react"),t=require("../../../Button/Button.cjs"),l=require("../../../../tempIcons/CrossIcon.cjs"),n=require("./styled.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var i=a(e);exports.UploadedFile=({file:e,resetSelection:a,disabled:r})=>e?i.default.createElement(n.UploadedFilesListStack,{alignX:"between",direction:"horizontal",alignY:"center"},i.default.createElement(n.SingleLineText,{variant:"body"},null==e?void 0:e.name),i.default.createElement(t.Button,{size:"sm",variant:"flat",onClick:a,icon:i.default.createElement(l.CrossIcon,null),"aria-label":"Remove file",disabled:r})):null;
 //# sourceMappingURL=UploadedFile.cjs.map

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadedFile.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":[null],"names":["file","resetSelection","disabled"],"mappings":"4KAQqB,EAAAA,OAAAC,iBAAAC,cACnBF,2TAEK"}
+{"version":3,"file":"UploadedFile.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":[null],"names":["file","resetSelection","disabled"],"mappings":"0OAQqB,EAAAA,OAAAC,iBAAAC,cACnBF,2VAEK"}

package/dist/components/UploadFile/components/UploadedFile/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),i=require("../../../Text/Text.cjs"),s=require("../../../../theme/modules/colors.cjs"),t=require("../../../../theme/modules/radius.cjs"),r=require("../../../../theme/modules/sizes.cjs"),o=require("../../../Stack/Stack.cjs");const d=e(i.Text).withConfig({displayName:"vui--SingleLineText",componentId:"vui--2zjkq9"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`,a=e(o.Stack).withConfig({displayName:"vui--UploadedFilesListStack",componentId:"vui--r41a54"})`border:1px solid ${s.colors.neutral.ink.lightest};border-radius:${t.radius.base};padding:${r.sizes.xs};${i.Text}{padding-left:${r.sizes.xs};}`;exports.SingleLineText=d,exports.UploadedFilesListStack=a;
+"use strict";var e=require("styled-components"),i=require("../../../Text/Text.cjs"),t=require("../../../../theme/modules/colors.cjs"),s=require("../../../../theme/modules/radius.cjs"),r=require("../../../../theme/modules/sizes.cjs"),o=require("../../../Stack/Stack.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var a=d(e);const l=a.default(i.Text).withConfig({displayName:"vui--SingleLineText",componentId:"vui--2zjkq9"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`,u=a.default(o.Stack).withConfig({displayName:"vui--UploadedFilesListStack",componentId:"vui--r41a54"})`border:1px solid ${t.colors.neutral.ink.lightest};border-radius:${s.radius.base};padding:${r.sizes.xs};${i.Text}{padding-left:${r.sizes.xs};}`;exports.SingleLineText=l,exports.UploadedFilesListStack=u;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/UploadFile/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var o=require("styled-components"),e=require("../../theme/modules/colors.cjs"),r=require("../../theme/modules/radius.cjs"),s=require("../../theme/modules/sizes.cjs");const d=o.div.withConfig({displayName:"vui--DropZoneContainer",componentId:"vui--ljd9es"})`display:flex;align-items:center;justify-content:center;padding:${s.sizes.md};border-radius:${r.radius.base};input[type='file']{position:absolute;opacity:0;width:1px;height:1px;cursor:pointer;}cursor:pointer;border:2px dashed ${e.colors.neutral.ink.lightest};background-color:${e.colors.neutral.grey.lightest};:hover{border:2px dashed ${e.colors.secondary.blue.base};background-color:${e.colors.secondary.blue.lightest};}:active{border:2px dashed ${e.colors.secondary.blue.base};box-shadow:0 0 0 4px ${e.colors.secondary.blue.light};background-color:${e.colors.secondary.blue.lightest};}:focus-within{border:2px dashed ${e.colors.secondary.blue.base};box-shadow:0 0 0 4px ${e.colors.secondary.blue.light};background-color:${e.colors.secondary.blue.lightest};}&:has(input:invalid){border:2px dashed ${e.colors.secondary.red.base};:hover{border:2px dashed ${e.colors.secondary.red.base};background-color:${e.colors.secondary.red.lightest};}:active{border:2px dashed ${e.colors.secondary.red.base};box-shadow:0 0 0 4px ${e.colors.secondary.red.light};background-color:${e.colors.secondary.red.lightest};}:focus-within{border:2px dashed ${e.colors.secondary.red.base};box-shadow:0 0 0 4px ${e.colors.secondary.red.light};background-color:${e.colors.secondary.red.lightest};}}&:has(input:disabled){cursor:not-allowed;box-shadow:none;background-color:${e.colors.neutral.grey.light};border-color:${e.colors.neutral.ink.lightest};color:${e.colors.neutral.ink.light};}`;exports.DropZoneContainer=d;
+"use strict";var o=require("styled-components"),e=require("../../theme/modules/colors.cjs"),r=require("../../theme/modules/radius.cjs"),s=require("../../theme/modules/sizes.cjs");function d(o){return o&&o.__esModule?o:{default:o}}const l=d(o).default.div.withConfig({displayName:"vui--DropZoneContainer",componentId:"vui--ljd9es"})`display:flex;align-items:center;justify-content:center;padding:${s.sizes.md};border-radius:${r.radius.base};input[type='file']{position:absolute;opacity:0;width:1px;height:1px;cursor:pointer;}cursor:pointer;border:2px dashed ${e.colors.neutral.ink.lightest};background-color:${e.colors.neutral.grey.lightest};:hover{border:2px dashed ${e.colors.secondary.blue.base};background-color:${e.colors.secondary.blue.lightest};}:active{border:2px dashed ${e.colors.secondary.blue.base};box-shadow:0 0 0 4px ${e.colors.secondary.blue.light};background-color:${e.colors.secondary.blue.lightest};}:focus-within{border:2px dashed ${e.colors.secondary.blue.base};box-shadow:0 0 0 4px ${e.colors.secondary.blue.light};background-color:${e.colors.secondary.blue.lightest};}&:has(input:invalid){border:2px dashed ${e.colors.secondary.red.base};:hover{border:2px dashed ${e.colors.secondary.red.base};background-color:${e.colors.secondary.red.lightest};}:active{border:2px dashed ${e.colors.secondary.red.base};box-shadow:0 0 0 4px ${e.colors.secondary.red.light};background-color:${e.colors.secondary.red.lightest};}:focus-within{border:2px dashed ${e.colors.secondary.red.base};box-shadow:0 0 0 4px ${e.colors.secondary.red.light};background-color:${e.colors.secondary.red.lightest};}}&:has(input:disabled){cursor:not-allowed;box-shadow:none;background-color:${e.colors.neutral.grey.light};border-color:${e.colors.neutral.ink.lightest};color:${e.colors.neutral.ink.light};}`;exports.DropZoneContainer=l;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/VideoModal/VideoModal.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),o=require("./components/Popup.cjs"),t=require("./styled.cjs"),r=require("../../hooks/useClickOutside.cjs");require("../../hooks/useFocusVisible.cjs"),require("uid/secure");var i=require("../../tempIcons/CrossIcon.cjs");exports.VideoModal=({id:c,youtubeVideoId:s,showVideoModal:a,handleCloseClick:l})=>{const d=r.useClickOutside(a,l);return e.createElement(o.Popup,{shouldShow:a,className:`${c}-video`},e.createElement(t.PopupContent,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(a?"visible":"hidden")},e.createElement(t.VideoWrapper,{ref:d},e.createElement("iframe",{title:`${c}-video`,src:`https://www.youtube.com/embed/${s}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),e.createElement(t.ButtonSC,{variant:"flat",onClick:l,"data-testid":"video-modal--close",icon:e.createElement(i.CrossIcon,{color:"white"})}))))};
+"use strict";var e=require("react"),t=require("./components/Popup.cjs"),o=require("./styled.cjs"),r=require("../../hooks/useClickOutside.cjs");require("../../hooks/useFocusVisible.cjs"),require("uid/secure");var a=require("../../tempIcons/CrossIcon.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(e);exports.VideoModal=({id:e,youtubeVideoId:i,showVideoModal:c,handleCloseClick:d})=>{const s=r.useClickOutside(c,d);return l.default.createElement(t.Popup,{shouldShow:c,className:`${e}-video`},l.default.createElement(o.PopupContent,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(c?"visible":"hidden")},l.default.createElement(o.VideoWrapper,{ref:s},l.default.createElement("iframe",{title:`${e}-video`,src:`https://www.youtube.com/embed/${i}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),l.default.createElement(o.ButtonSC,{variant:"flat",onClick:d,"data-testid":"video-modal--close",icon:l.default.createElement(a.CrossIcon,{color:"white"})}))))};
 //# sourceMappingURL=VideoModal.cjs.map

package/dist/components/VideoModal/components/Popup.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),l=require("react-scrolllock-configurable"),r=require("../../Portal/Portal.cjs"),a=require("./styled.cjs"),t=require("../../../utils/buildClassnames.cjs");const s=({usePortal:l,children:a})=>e.createElement(e.Fragment,null,l?e.createElement(r.Portal,null,a):a);exports.Popup=({className:r,children:c=null,shouldShow:n=!1,usePortal:u=!0})=>e.createElement(s,{usePortal:u},e.createElement(a.Container,{className:t.buildClassnames([`${r}-container`,r]),shouldShow:n},e.createElement(a.Shadow,null),e.createElement(l,{isActive:n},e.createElement(a.Wrap,{className:t.buildClassnames([`${r}-wrap`,r])},c))));
+"use strict";var e=require("react"),l=require("react-scrolllock-configurable"),a=require("../../Portal/Portal.cjs"),t=require("./styled.cjs"),r=require("../../../utils/buildClassnames.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var s=u(e),n=u(l);const c=({usePortal:e,children:l})=>s.default.createElement(s.default.Fragment,null,e?s.default.createElement(a.Portal,null,l):l);exports.Popup=({className:e,children:l=null,shouldShow:a=!1,usePortal:u=!0})=>s.default.createElement(c,{usePortal:u},s.default.createElement(t.Container,{className:r.buildClassnames([`${e}-container`,e]),shouldShow:a},s.default.createElement(t.Shadow,null),s.default.createElement(n.default,{isActive:a},s.default.createElement(t.Wrap,{className:r.buildClassnames([`${e}-wrap`,e])},l))));
 //# sourceMappingURL=Popup.cjs.map

package/dist/components/VideoModal/components/Popup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.cjs","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":[null],"names":["WithPortal","usePortal","children"],"mappings":"8LAwBC,MAAAA,EAAA,EAAAC,YAAAC"}
+{"version":3,"file":"Popup.cjs","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":[null],"names":["WithPortal","usePortal","children"],"mappings":"mQAwBC,MAAAA,EAAA,EAAAC,YAAAC"}

package/dist/components/VideoModal/components/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),i=require("../../../theme/index.cjs"),n=require("../../BaseContainer/BaseContainer.cjs");const o="\n  position: fixed;\n  height: 100%;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n",t=e(n.BaseContainer).withConfig({displayName:"vui--Container",componentId:"vui--5gocp5"})`${o} display:${e=>e.shouldShow?"initial":"none"};z-index:${i.theme.layers.modal};`,a=e(n.BaseContainer).withConfig({displayName:"vui--Shadow",componentId:"vui--p8qe4b"})`${o} background-color:rgba(55,66,77,0.5);`,r=e(n.BaseContainer).withConfig({displayName:"vui--Wrap",componentId:"vui--1u28do5"})`position:relative;height:100%;width:100%;z-index:1;`;exports.Container=t,exports.Shadow=a,exports.Wrap=r;
+"use strict";var e=require("styled-components"),n=require("../../../theme/index.cjs"),i=require("../../BaseContainer/BaseContainer.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var t=o(e);const a="\n  position: fixed;\n  height: 100%;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n",r=t.default(i.BaseContainer).withConfig({displayName:"vui--Container",componentId:"vui--5gocp5"})`${a} display:${e=>e.shouldShow?"initial":"none"};z-index:${n.theme.layers.modal};`,d=t.default(i.BaseContainer).withConfig({displayName:"vui--Shadow",componentId:"vui--p8qe4b"})`${a} background-color:rgba(55,66,77,0.5);`,s=t.default(i.BaseContainer).withConfig({displayName:"vui--Wrap",componentId:"vui--1u28do5"})`position:relative;height:100%;width:100%;z-index:1;`;exports.Container=r,exports.Shadow=d,exports.Wrap=s;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/VideoModal/components/styled.ts"],"sourcesContent":[null],"names":["commonStyles"],"mappings":"yIAiBA,MAAOA,EAAM"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/VideoModal/components/styled.ts"],"sourcesContent":[null],"names":["commonStyles"],"mappings":"uMAiBA,MAAOA,EAAM"}

package/dist/components/VideoModal/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var t=require("styled-components"),i=require("../Button/Button.cjs");const o=t.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--ohq9qo"})`display:flex;justify-content:center;align-items:center;height:100%;`,e=t.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--55zou"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,n=t(i.Button).withConfig({displayName:"vui--ButtonSC",componentId:"vui--2rc7ks"})`position:absolute;top:0px;right:-45px;`;exports.ButtonSC=n,exports.PopupContent=o,exports.VideoWrapper=e;
+"use strict";var t=require("styled-components"),e=require("../Button/Button.cjs");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const n=i.default.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--ohq9qo"})`display:flex;justify-content:center;align-items:center;height:100%;`,u=i.default.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--55zou"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,p=i.default(e.Button).withConfig({displayName:"vui--ButtonSC",componentId:"vui--2rc7ks"})`position:absolute;top:0px;right:-45px;`;exports.ButtonSC=p,exports.PopupContent=n,exports.VideoWrapper=u;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/VideoModal/styled.ts"],"sourcesContent":[null],"names":["PopupContent","styled","div","withConfig","displayName","componentId","VideoWrapper"],"mappings":"kFAUO,MAAAA,EAAkBC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,eAOvB,sEAEFC,EAAqBL,EAAAC,IAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,cAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/VideoModal/styled.ts"],"sourcesContent":[null],"names":["PopupContent","styled","default","div","withConfig","displayName","componentId","VideoWrapper"],"mappings":"gJAUO,MAAAA,EAAkBC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,eAOvB,sEAEFC,EAAqBN,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,cAAA"}

package/dist/components/View/View.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");require("../../hooks/useFocusVisible.cjs");var o=require("../../hooks/useHover.cjs"),t=require("../../utils/buildClassnames.cjs");require("uid/secure");var r=require("../../theme/modules/colors.cjs"),l=require("./types.cjs"),n=require("./styled.cjs"),s=require("../../tempIcons/CrossIcon.cjs"),c=require("../../tempIcons/EditIcon.cjs"),a=require("../Text/Text.cjs");const i=e=>({delete:e?`${e}-delete`:void 0,options:e?`${e}-options`:void 0,edit:e?`${e}-edit`:void 0,container:e?`${e}-container`:void 0,active:e?`${e}-active`:void 0,counter:e?`${e}-counter`:void 0});exports.View=({id:u,iconSlot:d,name:v,type:m,className:C,colourPalette:p=r.colors.secondary.blue,customTextColour:k,count:E,active:q=!1,onClick:b,onDelete:j,onEdit:y,e2eClassName:I})=>{const T=i(C),x=i(I),[$,N,g]=o.useHover(),P=e.useCallback((()=>b(u)),[u,b]),h=e.useCallback((e=>{e.stopPropagation(),j&&j(u)}),[j,u]),S=e.useCallback((e=>{e.stopPropagation(),y&&y(u)}),[y,u]),V=m===l.ViewTypes.draft,w=m===l.ViewTypes.saved,H=q?r.colors.neutral.ink.dark:r.colors.neutral.ink.base;return e.createElement(n.Container,{className:`${t.buildClassnames([null==T?void 0:T.container,null==x?void 0:x.container])} ${q&&(null==x?void 0:x.active)||""}`,onClick:P},e.createElement(n.Contour,{active:q,onMouseEnter:N,onMouseLeave:g,colourPalette:p,customTextColour:k},d&&e.createElement(n.CustomIconWrapper,null,d),e.createElement(a.Text,{variant:"bodyBold"},v),E&&e.createElement(n.CounterContainer,{active:q||$,colourPalette:p,customTextColour:k},e.createElement(n.CounterText,{className:null==x?void 0:x.counter,variant:"subheadingSmall"},E)),V&&e.createElement(s.CrossIcon,{...n.IconStyling,color:H,className:null==x?void 0:x.delete,onClick:h}),w&&q&&e.createElement(c.EditIcon,{...n.IconStyling,color:H,className:null==x?void 0:x.edit,onClick:S})))};
+"use strict";var e=require("react");require("../../hooks/useFocusVisible.cjs");var o=require("../../hooks/useHover.cjs"),t=require("../../utils/buildClassnames.cjs");require("uid/secure");var l=require("../../theme/modules/colors.cjs"),r=require("./types.cjs"),a=require("./styled.cjs"),n=require("../../tempIcons/CrossIcon.cjs"),s=require("../../tempIcons/EditIcon.cjs"),c=require("../Text/Text.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(e);const d=e=>({delete:e?`${e}-delete`:void 0,options:e?`${e}-options`:void 0,edit:e?`${e}-edit`:void 0,container:e?`${e}-container`:void 0,active:e?`${e}-active`:void 0,counter:e?`${e}-counter`:void 0});exports.View=({id:i,iconSlot:v,name:m,type:C,className:p,colourPalette:k=l.colors.secondary.blue,customTextColour:E,count:f,active:q=!1,onClick:b,onDelete:j,onEdit:y,e2eClassName:I})=>{const T=d(p),x=d(I),[$,N,g]=o.useHover(),P=e.useCallback((()=>b(i)),[i,b]),h=e.useCallback((e=>{e.stopPropagation(),j&&j(i)}),[j,i]),S=e.useCallback((e=>{e.stopPropagation(),y&&y(i)}),[y,i]),V=C===r.ViewTypes.draft,w=C===r.ViewTypes.saved,M=q?l.colors.neutral.ink.dark:l.colors.neutral.ink.base;return u.default.createElement(a.Container,{className:`${t.buildClassnames([null==T?void 0:T.container,null==x?void 0:x.container])} ${q&&(null==x?void 0:x.active)||""}`,onClick:P},u.default.createElement(a.Contour,{active:q,onMouseEnter:N,onMouseLeave:g,colourPalette:k,customTextColour:E},v&&u.default.createElement(a.CustomIconWrapper,null,v),u.default.createElement(c.Text,{variant:"bodyBold"},m),f&&u.default.createElement(a.CounterContainer,{active:q||$,colourPalette:k,customTextColour:E},u.default.createElement(a.CounterText,{className:null==x?void 0:x.counter,variant:"subheadingSmall"},f)),V&&u.default.createElement(n.CrossIcon,{...a.IconStyling,color:M,className:null==x?void 0:x.delete,onClick:h}),w&&q&&u.default.createElement(s.EditIcon,{...a.IconStyling,color:M,className:null==x?void 0:x.edit,onClick:S})))};
 //# sourceMappingURL=View.cjs.map

package/dist/components/View/View.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"View.cjs","sources":["../../../src/components/View/View.tsx"],"sourcesContent":[null],"names":["generateClassNames","prefix","delete","undefined","options"],"mappings":"wZA0BSA,EAAUC,IAAA,CAClBC,OAAAD,EAAA,GAAAA,gBAAAE,EAWDC,QAAAH,EAAA,GAAAA,iBAAAE"}
+{"version":3,"file":"View.cjs","sources":["../../../src/components/View/View.tsx"],"sourcesContent":[null],"names":["generateClassNames","prefix","delete","undefined","options"],"mappings":"sdA0BSA,EAAUC,IAAA,CAClBC,OAAAD,EAAA,GAAAA,gBAAAE,EAWDC,QAAAH,EAAA,GAAAA,iBAAAE"}

package/dist/components/View/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),i=require("../../theme/modules/colors.cjs"),t=require("../Text/Text.cjs"),n=require("../BaseContainer/BaseContainer.cjs"),o=require("../../theme/modules/sizes.cjs");const r=e(n.BaseContainer).withConfig({displayName:"vui--Container",componentId:"vui--m1gs4v"})`padding:14px 24px;`,s=e(t.Text).withConfig({displayName:"vui--CounterText",componentId:"vui--1ilv3bg"})`line-height:1;`,a=e(n.BaseContainer).withConfig({displayName:"vui--Contour",componentId:"vui--b8oq7f"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({colourPalette:e,customTextColour:n})=>`\n    &:hover {\n      border: 1px solid ${e.base};\n      background-color: ${e.lightest};\n    }\n\n    ${t.Text} {\n      color: ${null!=n?n:i.colors.neutral.ink.dark};\n    }\n  `} ${({active:e,colourPalette:i})=>e&&`\n    background-color: ${i.lightest};\n  `}`,l=e(t.Text).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1xuhw17"})`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:e,colourPalette:i})=>e&&`\n    background-color: ${i.base};\n\n    & > ${s} {\n      color: #fff;\n    }\n  `}`,p={style:{marginLeft:o.sizes.xs,padding:o.sizes.xs,height:o.sizes.base,width:o.sizes.base}},d=e.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--122jw7g"})`display:flex;align-items:center;margin-right:${o.sizes.sm};svg{height:${o.sizes.base};width:${o.sizes.base};}`;exports.Text=t.Text,exports.Container=r,exports.Contour=a,exports.CounterContainer=l,exports.CounterText=s,exports.CustomIconWrapper=d,exports.IconStyling=p;
+"use strict";var e=require("styled-components"),t=require("../../theme/modules/colors.cjs"),i=require("../Text/Text.cjs"),n=require("../BaseContainer/BaseContainer.cjs"),o=require("../../theme/modules/sizes.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const a=s.default(n.BaseContainer).withConfig({displayName:"vui--Container",componentId:"vui--m1gs4v"})`padding:14px 24px;`,l=s.default(i.Text).withConfig({displayName:"vui--CounterText",componentId:"vui--1ilv3bg"})`line-height:1;`,u=s.default(n.BaseContainer).withConfig({displayName:"vui--Contour",componentId:"vui--b8oq7f"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({colourPalette:e,customTextColour:n})=>`\n    &:hover {\n      border: 1px solid ${e.base};\n      background-color: ${e.lightest};\n    }\n\n    ${i.Text} {\n      color: ${null!=n?n:t.colors.neutral.ink.dark};\n    }\n  `} ${({active:e,colourPalette:t})=>e&&`\n    background-color: ${t.lightest};\n  `}`,d=s.default(i.Text).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1xuhw17"})`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:e,colourPalette:t})=>e&&`\n    background-color: ${t.base};\n\n    & > ${l} {\n      color: #fff;\n    }\n  `}`,p={style:{marginLeft:o.sizes.xs,padding:o.sizes.xs,height:o.sizes.base,width:o.sizes.base}},c=s.default.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--122jw7g"})`display:flex;align-items:center;margin-right:${o.sizes.sm};svg{height:${o.sizes.base};width:${o.sizes.base};}`;exports.Text=i.Text,exports.Container=a,exports.Contour=u,exports.CounterContainer=d,exports.CounterText=l,exports.CustomIconWrapper=c,exports.IconStyling=p;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/View/styled.ts"],"sourcesContent":[null],"names":["Container","styled","withConfig","displayName","componentId","CounterText","Text","Contour","BaseContainer","colourPalette","customTextColour","base","lightest","active"],"mappings":"qNAWsC,MAAAA,EAAAC,mBAAeC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAA,qBAAGC,EAAAJ,EAAAK,QAAAJ,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAA,iBAClDG,EAAMN,EAAAO,EAAoBA,eAAAN,WAAW,CAAQC,YAAG,2BAAsC,eAAA,iKAAA,EAAAM,gBAAAC,sBAAA,4CAG7ED,EAAAE,kCAIEF,EAAAG,2BAuDjBN,+EASO,EAAAO,SAAAJ,mBAAuBI,GAW9B"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/View/styled.ts"],"sourcesContent":[null],"names":["Container","styled","withConfig","displayName","componentId","CounterText","default","Text","Contour","BaseContainer","colourPalette","customTextColour","base","lightest","active"],"mappings":"mRAWsC,MAAAA,EAAAC,2BAAeC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAA,qBAAGC,EAAAJ,EAAAK,QAAAC,QAAAL,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAA,iBAClDI,EAAMP,EAAAK,QAAAG,EAAoBA,eAAAP,WAAW,CAAQC,YAAG,2BAAsC,eAAA,iKAAA,EAAAO,gBAAAC,sBAAA,4CAG7ED,EAAAE,kCAIEF,EAAAG,2BAuDjBN,+EASO,EAAAO,SAAAJ,mBAAuBI,GAW9B"}

package/dist/components/ViewTab/ViewTab.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");require("../../hooks/useFocusVisible.cjs");var t=require("../../hooks/useHover.cjs"),o=require("../../utils/buildClassnames.cjs");require("uid/secure");var r=require("../../theme/modules/colors.cjs"),a=require("./types.cjs"),i=require("./styled.cjs"),l=require("../Text/Text.cjs");const c=e.forwardRef((({id:c,iconSlot:n,name:s,type:u,className:d,colourPalette:v=r.colors.secondary.blue,customTextColour:m,count:C,active:b=!1,onClick:T,subAction:y,ariaContext:x,...E},$)=>{const q={delete:(w=d)?`${w}-delete`:void 0,edit:w?`${w}-edit`:void 0,container:w?`${w}-view`:void 0,active:w?`${w}-active`:void 0,counter:w?`${w}-counter`:void 0};var w;const[j,p,h]=t.useHover(),S=b&&y?y:T,g=u===a.ViewTabTypes.draft,I=u===a.ViewTabTypes.saved;return e.createElement(i.ViewButton,{className:o.buildClassnames([null==q?void 0:q.container]),onClick:()=>S(c),role:"tab","aria-selected":b,"aria-label":`${b&&g?"Delete":b&&I?"Edit":""} ${s} view ${C?`with ${C} ${x}`:""}`,customTextColour:m,ref:$,...E},e.createElement(i.Contour,{active:b,onMouseEnter:p,onMouseLeave:h,colourPalette:v,customTextColour:m},n&&e.createElement(i.CustomIconWrapper,null,n),e.createElement(l.Text,{variant:"bodyBold"},s),null!=C&&e.createElement(i.CounterContainer,{"data-testid":"countContainer",active:b||j,colourPalette:v,customTextColour:m},e.createElement(i.CounterText,{variant:"subheadingSmall"},C)),g&&e.createElement(i.CrossIconStyling,{...i.IconStyling,"aria-label":"delete icon"}),I&&b&&e.createElement(i.ThreeDotsIconStyling,{...i.IconStyling,"aria-label":"edit icon"})))}));exports.ViewTab=c;
+"use strict";var e=require("react");require("../../hooks/useFocusVisible.cjs");var t=require("../../hooks/useHover.cjs"),o=require("../../utils/buildClassnames.cjs");require("uid/secure");var r=require("../../theme/modules/colors.cjs"),a=require("./types.cjs"),l=require("./styled.cjs"),i=require("../Text/Text.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var n=u(e);const c=n.default.forwardRef((({id:e,iconSlot:u,name:c,type:s,className:d,colourPalette:v=r.colors.secondary.blue,customTextColour:m,count:C,active:f=!1,onClick:b,subAction:T,ariaContext:y,...x},E)=>{const $={delete:(q=d)?`${q}-delete`:void 0,edit:q?`${q}-edit`:void 0,container:q?`${q}-view`:void 0,active:q?`${q}-active`:void 0,counter:q?`${q}-counter`:void 0};var q;const[w,j,p]=t.useHover(),h=f&&T?T:b,S=s===a.ViewTabTypes.draft,g=s===a.ViewTabTypes.saved;return n.default.createElement(l.ViewButton,{className:o.buildClassnames([null==$?void 0:$.container]),onClick:()=>h(e),role:"tab","aria-selected":f,"aria-label":`${f&&S?"Delete":f&&g?"Edit":""} ${c} view ${C?`with ${C} ${y}`:""}`,customTextColour:m,ref:E,...x},n.default.createElement(l.Contour,{active:f,onMouseEnter:j,onMouseLeave:p,colourPalette:v,customTextColour:m},u&&n.default.createElement(l.CustomIconWrapper,null,u),n.default.createElement(i.Text,{variant:"bodyBold"},c),null!=C&&n.default.createElement(l.CounterContainer,{"data-testid":"countContainer",active:f||w,colourPalette:v,customTextColour:m},n.default.createElement(l.CounterText,{variant:"subheadingSmall"},C)),S&&n.default.createElement(l.CrossIconStyling,{...l.IconStyling,"aria-label":"delete icon"}),g&&f&&n.default.createElement(l.ThreeDotsIconStyling,{...l.IconStyling,"aria-label":"edit icon"})))}));exports.ViewTab=c;
 //# sourceMappingURL=ViewTab.cjs.map

package/dist/components/ViewTab/ViewTab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewTab.cjs","sources":["../../../src/components/ViewTab/ViewTab.tsx"],"sourcesContent":[null],"names":["delete","prefix","undefined","edit"],"mappings":"qgBAyBmB,CAClBA,QADkBC,KAClB,GAAAA,gBAAAC,EAUDC,KAAAF,KAAoBA,cAAAC,gGAXD,IAAAD"}
+{"version":3,"file":"ViewTab.cjs","sources":["../../../src/components/ViewTab/ViewTab.tsx"],"sourcesContent":[null],"names":["delete","prefix","undefined","edit"],"mappings":"2kBAyBmB,CAClBA,QADkBC,KAClB,GAAAA,gBAAAC,EAUDC,KAAAF,KAAoBA,cAAAC,gGAXD,IAAAD"}

package/dist/components/ViewTab/styled.cjs

@@ -1,2 +1,2 @@
-"use strict";var n=require("styled-components"),e=require("../../theme/modules/colors.cjs"),o=require("../Text/Text.cjs"),r=require("../BaseContainer/BaseContainer.cjs"),t=require("../../theme/modules/sizes.cjs"),i=require("../../tempIcons/ThreeDotsIcon.cjs"),s=require("../../tempIcons/CrossIcon.cjs"),l=require("../Button/components/styled.cjs"),a=require("../../theme/index.cjs");const c=n(o.Text).withConfig({displayName:"vui--CounterText",componentId:"vui--3am01d"})`line-height:1;`,u=n(i.ThreeDotsIcon).withConfig({displayName:"vui--ThreeDotsIconStyling",componentId:"vui--1uc98sf"})``,d=n(s.CrossIcon).withConfig({displayName:"vui--CrossIconStyling",componentId:"vui--1te682y"})``,p=n(o.Text).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:o})=>n&&`\n      background-color: ${o.dark};\n\n      & > ${c} {\n        color: ${e.colors.neutral.grey.lightest};\n      }\n  `}`,g=n(r.BaseContainer).withConfig({displayName:"vui--Contour",componentId:"vui--jegwey"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:${a.theme.sizes.sm};border:1px solid transparent;cursor:pointer;background-color:transparent;${({customTextColour:n})=>`\n\n  &:hover {\n    background-color: ${e.colors.neutral.grey.base};\n    & > ${p} {\n      background-color: ${e.colors.neutral.grey.base};\n      & > ${c} {\n        color: ${e.colors.neutral.ink.base};\n      }\n    }\n    & > ${o.Text} {\n      color: ${null!=n?n:e.colors.neutral.ink.dark};\n    }\n    & > ${u} {\n      color: ${e.colors.neutral.ink.dark};\n    }\n    & > ${d} {\n      color: ${e.colors.neutral.ink.dark};\n    }\n  }\n\n  & > ${o.Text} {\n    color: ${null!=n?n:e.colors.neutral.ink.dark};\n  }\n  `} ${({active:n,colourPalette:e,customTextColour:r})=>n&&`\n    background-color: ${e.lightest};\n\n    & > ${u} {\n      color: ${e.dark};\n    }\n    & > ${d} {\n      color: ${e.dark};\n    }\n\n    & > ${o.Text} {\n      color: ${null!=r?r:e.dark};\n    }\n  `}`,m=n(l.FlatButton).withConfig({displayName:"vui--ViewButton",componentId:"vui--176jtjf"})`padding:${a.theme.sizes.sm};box-sizing:border-box;border-radius:4px;border:none;position:relative;margin:0;padding:0;${({customTextColour:n})=>`\n  &:focus-visible {\n    ${g} {\n      background-color: ${e.colors.neutral.grey.base};\n      & > ${p} {\n        background-color: ${e.colors.neutral.grey.base};\n        & > ${c} {\n          color: ${e.colors.neutral.ink.base};\n        }\n      }\n      & > ${o.Text} {\n        color: ${null!=n?n:e.colors.neutral.ink.dark};\n      }\n      & > ${u} {\n        color: ${e.colors.neutral.ink.dark};\n      }\n      & > ${d} {\n        color: ${e.colors.neutral.ink.dark};\n      }\n    }\n  `}`,x={style:{marginLeft:t.sizes.xs,padding:t.sizes.xs,height:t.sizes.base,width:t.sizes.base}},$=n.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--1omb2tl"})`display:flex;align-items:center;margin-right:${t.sizes.sm};svg{height:${t.sizes.base};width:${t.sizes.base};}`;exports.Text=o.Text,exports.Contour=g,exports.CounterContainer=p,exports.CounterText=c,exports.CrossIconStyling=d,exports.CustomIconWrapper=$,exports.IconStyling=x,exports.ThreeDotsIconStyling=u,exports.ViewButton=m;
+"use strict";var e=require("styled-components"),n=require("../../theme/modules/colors.cjs"),o=require("../Text/Text.cjs"),r=require("../BaseContainer/BaseContainer.cjs"),t=require("../../theme/modules/sizes.cjs"),i=require("../../tempIcons/ThreeDotsIcon.cjs"),s=require("../../tempIcons/CrossIcon.cjs"),l=require("../Button/components/styled.cjs"),a=require("../../theme/index.cjs");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(e);const d=u.default(o.Text).withConfig({displayName:"vui--CounterText",componentId:"vui--3am01d"})`line-height:1;`,p=u.default(i.ThreeDotsIcon).withConfig({displayName:"vui--ThreeDotsIconStyling",componentId:"vui--1uc98sf"})``,g=u.default(s.CrossIcon).withConfig({displayName:"vui--CrossIconStyling",componentId:"vui--1te682y"})``,m=u.default(o.Text).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:e,colourPalette:o})=>e&&`\n      background-color: ${o.dark};\n\n      & > ${d} {\n        color: ${n.colors.neutral.grey.lightest};\n      }\n  `}`,x=u.default(r.BaseContainer).withConfig({displayName:"vui--Contour",componentId:"vui--jegwey"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:${a.theme.sizes.sm};border:1px solid transparent;cursor:pointer;background-color:transparent;${({customTextColour:e})=>`\n\n  &:hover {\n    background-color: ${n.colors.neutral.grey.base};\n    & > ${m} {\n      background-color: ${n.colors.neutral.grey.base};\n      & > ${d} {\n        color: ${n.colors.neutral.ink.base};\n      }\n    }\n    & > ${o.Text} {\n      color: ${null!=e?e:n.colors.neutral.ink.dark};\n    }\n    & > ${p} {\n      color: ${n.colors.neutral.ink.dark};\n    }\n    & > ${g} {\n      color: ${n.colors.neutral.ink.dark};\n    }\n  }\n\n  & > ${o.Text} {\n    color: ${null!=e?e:n.colors.neutral.ink.dark};\n  }\n  `} ${({active:e,colourPalette:n,customTextColour:r})=>e&&`\n    background-color: ${n.lightest};\n\n    & > ${p} {\n      color: ${n.dark};\n    }\n    & > ${g} {\n      color: ${n.dark};\n    }\n\n    & > ${o.Text} {\n      color: ${null!=r?r:n.dark};\n    }\n  `}`,$=u.default(l.FlatButton).withConfig({displayName:"vui--ViewButton",componentId:"vui--176jtjf"})`padding:${a.theme.sizes.sm};box-sizing:border-box;border-radius:4px;border:none;position:relative;margin:0;padding:0;${({customTextColour:e})=>`\n  &:focus-visible {\n    ${x} {\n      background-color: ${n.colors.neutral.grey.base};\n      & > ${m} {\n        background-color: ${n.colors.neutral.grey.base};\n        & > ${d} {\n          color: ${n.colors.neutral.ink.base};\n        }\n      }\n      & > ${o.Text} {\n        color: ${null!=e?e:n.colors.neutral.ink.dark};\n      }\n      & > ${p} {\n        color: ${n.colors.neutral.ink.dark};\n      }\n      & > ${g} {\n        color: ${n.colors.neutral.ink.dark};\n      }\n    }\n  `}`,h={style:{marginLeft:t.sizes.xs,padding:t.sizes.xs,height:t.sizes.base,width:t.sizes.base}},b=u.default.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--1omb2tl"})`display:flex;align-items:center;margin-right:${t.sizes.sm};svg{height:${t.sizes.base};width:${t.sizes.base};}`;exports.Text=o.Text,exports.Contour=x,exports.CounterContainer=m,exports.CounterText=d,exports.CrossIconStyling=g,exports.CustomIconWrapper=b,exports.IconStyling=h,exports.ThreeDotsIconStyling=p,exports.ViewButton=$;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","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":"+XAkBM,MAAAA,IAAqBC,QAAGC,WAAiB,CAAAC,YAAoB,mBAAEC,YAAA,eAAA,iBAErEC,EAAiBC,EAAAC,iBAAAL,WAAA,CAAAC,YAAA,4BAAAC,YAAA,gBAEf,GAEFI,EAA0BF,EAAAG,aAAAP,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,GAC1BM,EAAsBJ,EAAAL,EAAAA,MAAAC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,iKAAuB,EAAAO,SAAAC,mBAAAD,GAE7C,6BAsBaC,EAAAC,8FA4GbC,EACYR,EACHS,EAAAA,eAEPb,WAAA,CAAAC,YACA,eAEAC,2BACA,8GACAY,EAAAA,MAAAC,MAAAC,+EAAA,EAAAC,sBAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ViewTab/styled.ts"],"sourcesContent":[null],"names":["CounterText","Text","withConfig","displayName","componentId","ThreeDotsIconStyling","styled","default","ThreeDotsIcon","CrossIconStyling","CrossIcon","CounterContainer","active","colourPalette","dark","Contour","BaseContainer","theme","sizes","sm","customTextColour"],"mappings":"6bAkBM,MAAAA,YAAqBC,QAAGC,WAAiB,CAAAC,YAAoB,mBAAEC,YAAA,eAAA,iBAErEC,EAAiBC,EAAAC,QAAAC,iBAAAN,WAAA,CAAAC,YAAA,4BAAAC,YAAA,gBAEf,GAEFK,EAA0BH,EAAAC,QAAAG,aAAAR,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,GAC1BO,EAAsBL,EAAAC,QAAAN,EAAAA,MAAAC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,iKAAuB,EAAAQ,SAAAC,mBAAAD,GAE7C,6BAsBaC,EAAAC,8FA4GbC,EACYT,EAAAA,QACHU,EAAAA,eAEPd,WAAA,CAAAC,YACA,eAEAC,2BACA,8GACAa,EAAAA,MAAAC,MAAAC,+EAAA,EAAAC,sBAAA"}

package/dist/components/ViewsContainer/ViewsContainer.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./styled.cjs"),l=require("./hooks/useSetScrollPosition.cjs");const n=e.forwardRef((({children:n,onClickMenu:r,ariaMenuControls:i,ariaMenuExpanded:a},o)=>{const c=e.useRef(null),{rightDisabled:s,leftDisabled:d,toNextScrollPosition:u,toPrevScrollPosition:m}=l.useSetScrollPosition(c,n);return e.createElement(t.Container,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(t.ViewsWrapper,{ref:c,id:"views",role:"tablist",alignY:"center",direction:"horizontal"},n),e.createElement(t.StyledInputGroup,null,(!d||!s)&&e.createElement(e.Fragment,null,e.createElement(t.StyledLeftButton,{id:"left-arrow",icon:e.createElement(t.StyledLeftIcon,null),disabled:d,onClick:m,variant:"flat","aria-label":"move views to the left"}),e.createElement(t.StyledRightButton,{id:"right-arrow",icon:e.createElement(t.StyledRightIcon,null),disabled:s,onClick:u,variant:"flat","aria-label":"move views to the right"})),e.createElement(t.StyledMenuButton,{icon:e.createElement(t.StyledMenuIcon,null),variant:"flat",onClick:r,"aria-label":"open menu","aria-controls":i,"aria-expanded":a,"aria-haspopup":i?"dialog":void 0,ref:o})))}));exports.ViewsContainer=n;
+"use strict";var e=require("react"),t=require("./styled.cjs"),l=require("./hooks/useSetScrollPosition.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(e);const r=n.default.forwardRef((({children:a,onClickMenu:r,ariaMenuControls:i,ariaMenuExpanded:o},u)=>{const d=e.useRef(null),{rightDisabled:c,leftDisabled:s,toNextScrollPosition:f,toPrevScrollPosition:m}=l.useSetScrollPosition(d,a);return n.default.createElement(t.Container,{direction:"horizontal",alignY:"center",alignX:"between"},n.default.createElement(t.ViewsWrapper,{ref:d,id:"views",role:"tablist",alignY:"center",direction:"horizontal"},a),n.default.createElement(t.StyledInputGroup,null,(!s||!c)&&n.default.createElement(n.default.Fragment,null,n.default.createElement(t.StyledLeftButton,{id:"left-arrow",icon:n.default.createElement(t.StyledLeftIcon,null),disabled:s,onClick:m,variant:"flat","aria-label":"move views to the left"}),n.default.createElement(t.StyledRightButton,{id:"right-arrow",icon:n.default.createElement(t.StyledRightIcon,null),disabled:c,onClick:f,variant:"flat","aria-label":"move views to the right"})),n.default.createElement(t.StyledMenuButton,{icon:n.default.createElement(t.StyledMenuIcon,null),variant:"flat",onClick:r,"aria-label":"open menu","aria-controls":i,"aria-expanded":o,"aria-haspopup":i?"dialog":void 0,ref:u})))}));exports.ViewsContainer=r;
 //# sourceMappingURL=ViewsContainer.cjs.map