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

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

@@ -1,2 +1,55 @@
-"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;
+"use strict";var e=require("styled-components"),t=require("../../Text/Text.cjs"),o=require("../../../theme/index.cjs");function p(e){return e&&e.__esModule?e:{default:e}}var r=p(e);const i=r.default.div`
+  display: inline-block;
+`,a=r.default(i)``,n=r.default(t.Text)`
+  color: ${o.theme.colors.neutral.grey.lightest};
+  white-space: pre-line;
+  overflow-wrap: break-word;
+  display: inline;
+`,d=r.default.div`
+  background-color: #333;
+  height: 16px;
+  width: 16px;
+  position: absolute;
+  transform: rotate(45deg);
+  z-index: 12;
+`,l=r.default.div`
+  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=r.default(i)`
+  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=a,exports.Tip=l,exports.TooltipText=n,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","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"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":[null],"names":["Container","styled","div","Hoverable","default","TooltipText","Text"],"mappings":"qLAcA,MAAAA,EAAiBC,EAAAA,QAAAC,GAAA;;EA8CjBC,EAAUF,EAAAG,QAAAJ,EAAA,GAaVK,EAAoBJ,EAAAA,QAAAK,EAAWA,KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Tooltip/components/styled.js

@@ -1,2 +1,55 @@
-import o from"styled-components";import{Text as t}from"../../Text/Text.js";import{theme as e}from"../../../theme/index.js";const i=o.div.withConfig({displayName:"vui--Container",componentId:"vui--t7r6of"})`display:inline-block;`,p=o(i).withConfig({displayName:"vui--Hoverable",componentId:"vui--1yesgsr"})``,n=o(t).withConfig({displayName:"vui--TooltipText",componentId:"vui--14vro0x"})`color:${e.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,a=o.div.withConfig({displayName:"vui--Triangle",componentId:"vui--yf0fwi"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,r=o.div.withConfig({displayName:"vui--Tip",componentId:"vui--ll0nnf"})`transition:${({duration:o})=>`opacity ${o}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=o(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:o})=>o}px;max-width:${({tipMaxWidth:o})=>o}px;`;export{i as Container,p as Hoverable,r as Tip,n as TooltipText,a as Triangle,d as Wrap};
+import t from"styled-components";import{Text as e}from"../../Text/Text.js";import{theme as o}from"../../../theme/index.js";const p=t.div`
+  display: inline-block;
+`,i=t(p)``,n=t(e)`
+  color: ${o.colors.neutral.grey.lightest};
+  white-space: pre-line;
+  overflow-wrap: break-word;
+  display: inline;
+`,r=t.div`
+  background-color: #333;
+  height: 16px;
+  width: 16px;
+  position: absolute;
+  transform: rotate(45deg);
+  z-index: 12;
+`,a=t.div`
+  transition: ${({duration:t})=>`opacity ${t}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=t(p)`
+  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:t})=>t}px;
+  max-width: ${({tipMaxWidth:t})=>t}px;
+`;export{p as Container,i as Hoverable,a as Tip,n as TooltipText,r as Triangle,d as Wrap};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","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":"2HAcA,MAAAA,EAAiBC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAA,wBAOjBC,EAAcL,EAAAD,GAAAG,WAAA,CAAAC,YAAA,iBAAAC,YAOZ,gBAAA,GAEFE,EAASN,EAAAO,GAAAL,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBA4BP,SAAAI,EAAAC,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.js","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":[null],"names":["Container","styled","div","Hoverable","TooltipText","Text"],"mappings":"2HAcA,MAAAA,EAAiBC,EAAAC,GAAA;;EA8CjBC,EAAUF,EAAAD,EAAA,GAaVI,EAAoBH,EAAAI,EAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -1,2 +1,15 @@
-import e from"styled-components";import{Text as i}from"../../../Text/Text.js";import{colors as o}from"../../../../theme/modules/colors.js";import{radius as t}from"../../../../theme/modules/radius.js";import{sizes as s}from"../../../../theme/modules/sizes.js";import{Stack as r}from"../../../Stack/Stack.js";const m=e(i).withConfig({displayName:"vui--SingleLineText",componentId:"vui--2zjkq9"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`,d=e(r).withConfig({displayName:"vui--UploadedFilesListStack",componentId:"vui--r41a54"})`border:1px solid ${o.neutral.ink.lightest};border-radius:${t.base};padding:${s.xs};${i}{padding-left:${s.xs};}`;export{m as SingleLineText,d as UploadedFilesListStack};
+import e from"styled-components";import{Text as o}from"../../../Text/Text.js";import{colors as t}from"../../../../theme/modules/colors.js";import{radius as r}from"../../../../theme/modules/radius.js";import{sizes as i}from"../../../../theme/modules/sizes.js";import{Stack as s}from"../../../Stack/Stack.js";const m=e(o)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+`,d=e(s)`
+  border: 1px solid ${t.neutral.ink.lightest};
+  border-radius: ${r.base};
+  padding: ${i.xs};
+
+  ${o} {
+    padding-left: ${i.xs};
+  }
+`;export{m as SingleLineText,d as UploadedFilesListStack};
 //# sourceMappingURL=styled.js.map

package/dist/components/UploadFile/components/UploadedFile/styled.js.map

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

package/dist/components/UploadFile/styled.cjs

@@ -1,2 +1,65 @@
-"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;
+"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`
+  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/UploadFile/styled.cjs.map

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

package/dist/components/UploadFile/styled.js

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

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

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

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

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

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

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

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

package/dist/components/VideoModal/styled.cjs

@@ -1,2 +1,18 @@
-"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;
+"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 r=i.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+`,n=i.default.div`
+  position: relative;
+  iframe {
+    width: 57vw;
+    height: calc(57vw * 0.5625); // keep 16:9 ratio
+    border-radius: 8px;
+  }
+`,u=i.default(e.Button)`
+  position: absolute;
+  top: 0px;
+  right: -45px;
+`;exports.ButtonSC=u,exports.PopupContent=r,exports.VideoWrapper=n;
 //# 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","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"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/VideoModal/styled.ts"],"sourcesContent":[null],"names":["PopupContent","styled","div"],"mappings":"gJAUO,MAAAA,EAAkBC,EAAAA,QAAAC,GAAA;;;;;;;;;;;;;;;;"}

package/dist/components/VideoModal/styled.js

@@ -1,2 +1,18 @@
-import i from"styled-components";import{Button as t}from"../Button/Button.js";const o=i.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--ohq9qo"})`display:flex;justify-content:center;align-items:center;height:100%;`,e=i.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--55zou"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,n=i(t).withConfig({displayName:"vui--ButtonSC",componentId:"vui--2rc7ks"})`position:absolute;top:0px;right:-45px;`;export{n as ButtonSC,o as PopupContent,e as VideoWrapper};
+import t from"styled-components";import{Button as i}from"../Button/Button.js";const e=t.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+`,o=t.div`
+  position: relative;
+  iframe {
+    width: 57vw;
+    height: calc(57vw * 0.5625); // keep 16:9 ratio
+    border-radius: 8px;
+  }
+`,r=t(i)`
+  position: absolute;
+  top: 0px;
+  right: -45px;
+`;export{r as ButtonSC,e as PopupContent,o as VideoWrapper};
 //# sourceMappingURL=styled.js.map

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

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

package/dist/components/View/styled.cjs

@@ -1,2 +1,41 @@
-"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;
+"use strict";var e=require("styled-components"),t=require("../../theme/modules/colors.cjs"),r=require("../Text/Text.cjs"),n=require("../BaseContainer/BaseContainer.cjs"),i=require("../../theme/modules/sizes.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var o=s(e);const a=o.default(n.BaseContainer)`
+  padding: 14px 24px;
+`,l=o.default(r.Text)`
+  line-height: 1;
+`,d=o.default(n.BaseContainer)`
+  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    ${r.Text} {\n      color: ${null!=n?n:t.colors.neutral.ink.dark};\n    }\n  `}
+
+  ${({active:e,colourPalette:t})=>e&&`\n    background-color: ${t.lightest};\n  `}
+`,x=o.default(r.Text)`
+  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  `}
+`,u={style:{marginLeft:i.sizes.xs,padding:i.sizes.xs,height:i.sizes.base,width:i.sizes.base}},c=o.default.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${i.sizes.sm};
+
+  svg {
+    height: ${i.sizes.base};
+    width: ${i.sizes.base};
+  }
+`;exports.Text=r.Text,exports.Container=a,exports.Contour=d,exports.CounterContainer=x,exports.CounterText=l,exports.CustomIconWrapper=c,exports.IconStyling=u;
 //# 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","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"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/View/styled.ts"],"sourcesContent":[null],"names":["Container","styled","BaseContainer","CounterText","Text","Contour"],"mappings":"mRAWsC,MAAAA,EAAAC,EAAAA,UAAeC,cAAA;;EAE/CC,EAAMF,EAAAA,QAAeG,EAAIA,KAAC;;EAUhCC,EAAaJ,EAAAA,QAAAC,EAAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/View/styled.js

@@ -1,2 +1,41 @@
-import e from"styled-components";import{colors as i}from"../../theme/modules/colors.js";import{Text as o}from"../Text/Text.js";import{BaseContainer as n}from"../BaseContainer/BaseContainer.js";import{sizes as t}from"../../theme/modules/sizes.js";const r=e(n).withConfig({displayName:"vui--Container",componentId:"vui--m1gs4v"})`padding:14px 24px;`,a=e(o).withConfig({displayName:"vui--CounterText",componentId:"vui--1ilv3bg"})`line-height:1;`,s=e(n).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    ${o} {\n      color: ${null!=n?n:i.neutral.ink.dark};\n    }\n  `} ${({active:e,colourPalette:i})=>e&&`\n    background-color: ${i.lightest};\n  `}`,l=e(o).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    & > ${a} {\n      color: #fff;\n    }\n  `}`,d={style:{marginLeft:t.xs,padding:t.xs,height:t.base,width:t.base}},p=e.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--122jw7g"})`display:flex;align-items:center;margin-right:${t.sm};svg{height:${t.base};width:${t.base};}`;export{r as Container,s as Contour,l as CounterContainer,a as CounterText,p as CustomIconWrapper,d as IconStyling,o as Text};
+import e from"styled-components";import{colors as t}from"../../theme/modules/colors.js";import{Text as o}from"../Text/Text.js";import{BaseContainer as r}from"../BaseContainer/BaseContainer.js";import{sizes as i}from"../../theme/modules/sizes.js";const n=e(r)`
+  padding: 14px 24px;
+`,s=e(o)`
+  line-height: 1;
+`,l=e(r)`
+  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:r})=>`\n    &:hover {\n      border: 1px solid ${e.base};\n      background-color: ${e.lightest};\n    }\n\n    ${o} {\n      color: ${null!=r?r:t.neutral.ink.dark};\n    }\n  `}
+
+  ${({active:e,colourPalette:t})=>e&&`\n    background-color: ${t.lightest};\n  `}
+`,a=e(o)`
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+  padding: 2px 4px;
+  min-width: 20px;
+  height: 20px;
+  margin-left: 8px;
+
+  ${({active:e,colourPalette:t})=>e&&`\n    background-color: ${t.base};\n\n    & > ${s} {\n      color: #fff;\n    }\n  `}
+`,d={style:{marginLeft:i.xs,padding:i.xs,height:i.base,width:i.base}},p=e.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${i.sm};
+
+  svg {
+    height: ${i.base};
+    width: ${i.base};
+  }
+`;export{n as Container,l as Contour,a as CounterContainer,s as CounterText,p as CustomIconWrapper,d as IconStyling,o as Text};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/View/styled.ts"],"sourcesContent":[null],"names":["Container","styled","withConfig","displayName","componentId","CounterText","Text","Contour","BaseContainer","colourPalette","customTextColour","base","lightest","active"],"mappings":"sPAWsC,MAAAA,EAAAC,KAAeC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAA,qBAAGC,EAAAJ,EAAAK,GAAAJ,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAA,iBAClDG,EAAMN,EAAAO,GAAoBN,WAAW,CAAQC,YAAG,2BAAsC,eAAA,iKAAA,EAAAM,gBAAAC,sBAAA,4CAG7ED,EAAAE,kCAIEF,EAAAG,2BAuDjBN,mEASO,EAAAO,SAAAJ,mBAAuBI,GAW9B"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/View/styled.ts"],"sourcesContent":[null],"names":["Container","styled","CounterText","Text","Contour","BaseContainer"],"mappings":"sPAWsC,MAAAA,EAAAC,IAAe;;EAE/CC,EAAMD,EAAeE,EAAK;;EAUhCC,EAAaH,EAAAI,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ViewTab/styled.cjs

@@ -1,2 +1,50 @@
-"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=$;
+"use strict";var e=require("styled-components"),n=require("../../theme/modules/colors.cjs"),r=require("../Text/Text.cjs"),o=require("../BaseContainer/BaseContainer.cjs"),t=require("../../theme/modules/sizes.cjs"),s=require("../../tempIcons/ThreeDotsIcon.cjs"),l=require("../../tempIcons/CrossIcon.cjs"),i=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(r.Text)`
+  line-height: 1;
+`,$=u.default(s.ThreeDotsIcon)``,x=u.default(l.CrossIcon)``,p=u.default(r.Text)`
+  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:r})=>e&&`\n      background-color: ${r.dark};\n\n      & > ${d} {\n        color: ${n.colors.neutral.grey.lightest};\n      }\n  `}
+`,g=u.default(o.BaseContainer)`
+  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    & > ${p} {\n      background-color: ${n.colors.neutral.grey.base};\n      & > ${d} {\n        color: ${n.colors.neutral.ink.base};\n      }\n    }\n    & > ${r.Text} {\n      color: ${null!=e?e:n.colors.neutral.ink.dark};\n    }\n    & > ${$} {\n      color: ${n.colors.neutral.ink.dark};\n    }\n    & > ${x} {\n      color: ${n.colors.neutral.ink.dark};\n    }\n  }\n\n  & > ${r.Text} {\n    color: ${null!=e?e:n.colors.neutral.ink.dark};\n  }\n  `}
+
+  ${({active:e,colourPalette:n,customTextColour:o})=>e&&`\n    background-color: ${n.lightest};\n\n    & > ${$} {\n      color: ${n.dark};\n    }\n    & > ${x} {\n      color: ${n.dark};\n    }\n\n    & > ${r.Text} {\n      color: ${null!=o?o:n.dark};\n    }\n  `}
+`,k=u.default(i.FlatButton)`
+  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    ${g} {\n      background-color: ${n.colors.neutral.grey.base};\n      & > ${p} {\n        background-color: ${n.colors.neutral.grey.base};\n        & > ${d} {\n          color: ${n.colors.neutral.ink.base};\n        }\n      }\n      & > ${r.Text} {\n        color: ${null!=e?e:n.colors.neutral.ink.dark};\n      }\n      & > ${$} {\n        color: ${n.colors.neutral.ink.dark};\n      }\n      & > ${x} {\n        color: ${n.colors.neutral.ink.dark};\n      }\n    }\n  `}
+`,b={style:{marginLeft:t.sizes.xs,padding:t.sizes.xs,height:t.sizes.base,width:t.sizes.base}},m=u.default.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.sizes.sm};
+
+  svg {
+    height: ${t.sizes.base};
+    width: ${t.sizes.base};
+  }
+`;exports.Text=r.Text,exports.Contour=g,exports.CounterContainer=p,exports.CounterText=d,exports.CrossIconStyling=x,exports.CustomIconWrapper=m,exports.IconStyling=b,exports.ThreeDotsIconStyling=$,exports.ViewButton=k;
 //# 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","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"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ViewTab/styled.ts"],"sourcesContent":[null],"names":["CounterText","Text","ThreeDotsIconStyling","styled","default","ThreeDotsIcon","CrossIconStyling","CrossIcon","CounterContainer"],"mappings":"6bAkBM,MAAAA,YAAqBC,EAAGA,KAAA;;EAO9BC,EAAsBC,EAAAC,QAAAC,gBAAA,GAEtBC,EAAsBH,EAAAC,QAAAG,YAAA,GAsBtBC,EAAaL,EAAAA,QAAAF,EAAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}