@veeqo/ui 9.0.0-beta-3 → 9.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"VideoModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"VideoModal.js","sources":["../../../src/components/VideoModal/VideoModal.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAOO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,cAAc,EACd,cAAc,EACd,gBAAgB,GACA,KAAI;IACpB,MAAM,GAAG,GAAG,eAAe,CAAC,cAAc,EAAE,gBAAgB,CAAC;AAE7D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,CAAG,EAAA,EAAE,CAAQ,MAAA,CAAA,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EACC,EAAA,aAAA,EAAA,2BAA2B,EACvC,SAAS,EAAE,CAAgB,aAAA,EAAA,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAE,CAAA,EAAA;AAElE,YAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA;gBACpB,KACE,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,EAAE,QAAQ,EACpB,GAAG,EAAE,CAAiC,8BAAA,EAAA,cAAc,EAAE,EACtD,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,0FAA0F,EAChG,eAAe,EACf,IAAA,EAAA,CAAA;gBACF,KAAC,CAAA,aAAA,CAAA,QAAQ,EACP,EAAA,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,gBAAgB,EACb,aAAA,EAAA,oBAAoB,EAChC,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,KAAK,EAAC,OAAO,EAAG,CAAA,EAAA,CACrC,CACW,CACF,CACT;AAEZ;;;;"}

package/dist/components/VideoModal/VideoModalDemo.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const VideoModalDemo: () => React.JSX.Element;
-//# sourceMappingURL=VideoModalDemo.d.ts.map

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

@@ -1,2 +1,24 @@
-"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))));
+'use strict';
+
+var React = require('react');
+var ScrollLock = require('react-scrolllock-configurable');
+var Portal = require('../../Portal/Portal.cjs');
+var styled = require('./styled.cjs');
+var buildClassnames = require('../../../utils/buildClassnames.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ScrollLock__default = /*#__PURE__*/_interopDefaultCompat(ScrollLock);
+
+const WithPortal = ({ usePortal, children }) => (
+// eslint-disable-next-line react/jsx-no-useless-fragment
+React__default.default.createElement(React__default.default.Fragment, null, usePortal ? React__default.default.createElement(Portal.Portal, null, children) : children));
+const Popup = ({ className, children = null, shouldShow = false, usePortal = true, }) => (React__default.default.createElement(WithPortal, { usePortal: usePortal },
+    React__default.default.createElement(styled.Container, { className: buildClassnames.buildClassnames([`${className}-container`, className]), shouldShow: shouldShow },
+        React__default.default.createElement(styled.Shadow, null),
+        React__default.default.createElement(ScrollLock__default.default, { isActive: shouldShow },
+            React__default.default.createElement(styled.Wrap, { className: buildClassnames.buildClassnames([`${className}-wrap`, className]) }, children)))));
+
+exports.Popup = Popup;
 //# 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":"mQAwBC,MAAAA,EAAA,EAAAC,YAAAC"}
+{"version":3,"file":"Popup.cjs","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":[null],"names":["React","Portal","Container","buildClassnames","Shadow","ScrollLock","Wrap"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAmB;AAC1D;AACAA,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,EAAG,SAAS,GAAGA,qCAACC,aAAM,EAAA,IAAA,EAAE,QAAQ,CAAU,GAAG,QAAQ,CAAI,CAC1D;AASM,MAAM,KAAK,GAAmB,CAAC,EACpC,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,GACL,MACXD,sBAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA;AAC9B,IAAAA,sBAAA,CAAA,aAAA,CAACE,gBAAS,EACR,EAAA,SAAS,EAAEC,+BAAe,CAAC,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,EAAE,SAAS,CAAC,CAAC,EACjE,UAAU,EAAE,UAAU,EAAA;AAEtB,QAAAH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAG,IAAA,CAAA;AACV,QAAAJ,sBAAA,CAAA,aAAA,CAACK,2BAAU,EAAA,EAAC,QAAQ,EAAE,UAAU,EAAA;YAC9BL,sBAAC,CAAA,aAAA,CAAAM,WAAI,IAAC,SAAS,EAAEH,+BAAe,CAAC,CAAC,GAAG,SAAS,CAAA,KAAA,CAAO,EAAE,SAAS,CAAC,CAAC,EAAG,EAAA,QAAQ,CAAQ,CAC1E,CACH,CACD;;;;"}

package/dist/components/VideoModal/components/Popup.d.ts

@@ -6,4 +6,3 @@ export interface PopupProps {
     className?: string;
 }
 export declare const Popup: FC<PopupProps>;
-//# sourceMappingURL=Popup.d.ts.map

package/dist/components/VideoModal/components/Popup.js

@@ -1,2 +1,17 @@
-import e from"react";import l from"react-scrolllock-configurable";import{Portal as t}from"../../Portal/Portal.js";import{Container as r,Shadow as a,Wrap as o}from"./styled.js";import{buildClassnames as m}from"../../../utils/buildClassnames.js";const s=({usePortal:l,children:r})=>e.createElement(e.Fragment,null,l?e.createElement(t,null,r):r),c=({className:t,children:c=null,shouldShow:n=!1,usePortal:i=!0})=>e.createElement(s,{usePortal:i},e.createElement(r,{className:m([`${t}-container`,t]),shouldShow:n},e.createElement(a,null),e.createElement(l,{isActive:n},e.createElement(o,{className:m([`${t}-wrap`,t])},c))));export{c as Popup};
+import React from 'react';
+import ScrollLock from 'react-scrolllock-configurable';
+import { Portal } from '../../Portal/Portal.js';
+import { Container, Shadow, Wrap } from './styled.js';
+import { buildClassnames } from '../../../utils/buildClassnames.js';
+
+const WithPortal = ({ usePortal, children }) => (
+// eslint-disable-next-line react/jsx-no-useless-fragment
+React.createElement(React.Fragment, null, usePortal ? React.createElement(Portal, null, children) : children));
+const Popup = ({ className, children = null, shouldShow = false, usePortal = true, }) => (React.createElement(WithPortal, { usePortal: usePortal },
+    React.createElement(Container, { className: buildClassnames([`${className}-container`, className]), shouldShow: shouldShow },
+        React.createElement(Shadow, null),
+        React.createElement(ScrollLock, { isActive: shouldShow },
+            React.createElement(Wrap, { className: buildClassnames([`${className}-wrap`, className]) }, children)))));
+
+export { Popup };
 //# sourceMappingURL=Popup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":[null],"names":["WithPortal","usePortal","children"],"mappings":"oPAwBC,MAAAA,EAAA,EAAAC,YAAAC"}
+{"version":3,"file":"Popup.js","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAcA,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAmB;AAC1D;AACA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,SAAS,GAAG,oBAAC,MAAM,EAAA,IAAA,EAAE,QAAQ,CAAU,GAAG,QAAQ,CAAI,CAC1D;AASM,MAAM,KAAK,GAAmB,CAAC,EACpC,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,GACL,MACX,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA;AAC9B,IAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACR,EAAA,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,EAAE,SAAS,CAAC,CAAC,EACjE,UAAU,EAAE,UAAU,EAAA;AAEtB,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAG,IAAA,CAAA;AACV,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,UAAU,EAAA;YAC9B,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,eAAe,CAAC,CAAC,GAAG,SAAS,CAAA,KAAA,CAAO,EAAE,SAAS,CAAC,CAAC,EAAG,EAAA,QAAQ,CAAQ,CAC1E,CACH,CACD;;;;"}

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

@@ -1,14 +1,26 @@
-"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;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+var BaseContainer = require('../../BaseContainer/BaseContainer.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const commonStyles = `
+  position: fixed;
   height: 100%;
-  width: 100%;
-  z-index: 1;
-`;exports.Container=a,exports.Shadow=s,exports.Wrap=d;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+`;
+const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1xg3v52" }) `${commonStyles} display:${(props) => (props.shouldShow ? 'initial' : 'none')};z-index:${index.theme.layers.modal};`;
+const Shadow = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Shadow", componentId: "vui--nz3cc" }) `${commonStyles} background-color:rgba(55,66,77,0.5);`;
+const Wrap = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--1pbqe6" }) `position:relative;height:100%;width:100%;z-index:1;`;
+
+exports.Container = Container;
+exports.Shadow = Shadow;
+exports.Wrap = Wrap;
 //# 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":["styled","BaseContainer","theme"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAY,GAAG;;;;;;;CAOpB;AAEY,MAAA,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAC1C,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,YAAY,YACH,CAAC,KAAiB,MAAM,KAAK,CAAC,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAA,SAAA,EAC9DC,WAAK,CAAC,MAAM,CAAC,KAAK;AAGlB,MAAA,MAAM,GAAGF,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,EACvC,YAAY,CAAA,qCAAA;MAIH,IAAI,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mDAAA;;;;;;"}

package/dist/components/VideoModal/components/styled.d.ts

@@ -5,4 +5,3 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const Shadow: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};
-//# sourceMappingURL=styled.d.ts.map

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

@@ -1,14 +1,18 @@
-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;
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
+
+const commonStyles = `
+  position: fixed;
   height: 100%;
-  width: 100%;
-  z-index: 1;
-`;export{e as Container,r as Shadow,s as Wrap};
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+`;
+const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1xg3v52" }) `${commonStyles} display:${(props) => (props.shouldShow ? 'initial' : 'none')};z-index:${theme.layers.modal};`;
+const Shadow = styled(BaseContainer).withConfig({ displayName: "vui--Shadow", componentId: "vui--nz3cc" }) `${commonStyles} background-color:rgba(55,66,77,0.5);`;
+const Wrap = styled(BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--1pbqe6" }) `position:relative;height:100%;width:100%;z-index:1;`;
+
+export { Container, Shadow, 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":[],"mappings":";;;;AAQA,MAAM,YAAY,GAAG;;;;;;;CAOpB;AAEY,MAAA,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAC1C,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,YAAY,YACH,CAAC,KAAiB,MAAM,KAAK,CAAC,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAA,SAAA,EAC9D,KAAK,CAAC,MAAM,CAAC,KAAK;AAGlB,MAAA,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,EACvC,YAAY,CAAA,qCAAA;MAIH,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mDAAA;;;;"}

package/dist/components/VideoModal/index.d.ts

@@ -1,3 +1,2 @@
 export { VideoModal } from './VideoModal';
 export { Popup } from './components/Popup';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/VideoModal/styled.cjs

@@ -1,18 +1,17 @@
-"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;
+'use strict';
+
+var styled = require('styled-components');
+var Button = require('../Button/Button.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const PopupContent = styled__default.default.div.withConfig({ displayName: "vui--PopupContent", componentId: "vui--17gmyeh" }) `display:flex;justify-content:center;align-items:center;height:100%;`;
+const VideoWrapper = styled__default.default.div.withConfig({ displayName: "vui--VideoWrapper", componentId: "vui--rcrl58" }) `position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`;
+const ButtonSC = styled__default.default(Button.Button).withConfig({ displayName: "vui--ButtonSC", componentId: "vui--srigr3" }) `position:absolute;top:0px;right:-45px;`;
+
+exports.ButtonSC = ButtonSC;
+exports.PopupContent = PopupContent;
+exports.VideoWrapper = VideoWrapper;
 //# 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"],"mappings":"gJAUO,MAAAA,EAAkBC,EAAAA,QAAAC,GAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/VideoModal/styled.ts"],"sourcesContent":[null],"names":["styled","Button"],"mappings":";;;;;;;;;MAGa,YAAY,GAAGA,uBAAM,CAAC,GAAG;MAOzB,YAAY,GAAGA,uBAAM,CAAC,GAAG;MASzB,QAAQ,GAAGA,uBAAM,CAACC,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;;;;;;"}

package/dist/components/VideoModal/styled.d.ts

@@ -8,5 +8,5 @@ export declare const ButtonSC: import("styled-components").StyledComponent<impor
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/VideoModal/styled.js

@@ -1,18 +1,9 @@
-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};
+import styled from 'styled-components';
+import { Button } from '../Button/Button.js';
+
+const PopupContent = styled.div.withConfig({ displayName: "vui--PopupContent", componentId: "vui--17gmyeh" }) `display:flex;justify-content:center;align-items:center;height:100%;`;
+const VideoWrapper = styled.div.withConfig({ displayName: "vui--VideoWrapper", componentId: "vui--rcrl58" }) `position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`;
+const ButtonSC = styled(Button).withConfig({ displayName: "vui--ButtonSC", componentId: "vui--srigr3" }) `position:absolute;top:0px;right:-45px;`;
+
+export { ButtonSC, PopupContent, 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"],"mappings":"8EAUO,MAAAA,EAAkBC,EAAAC,GAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/VideoModal/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;MAGa,YAAY,GAAG,MAAM,CAAC,GAAG;MAOzB,YAAY,GAAG,MAAM,CAAC,GAAG;MASzB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;;;;"}

package/dist/components/VideoModal/types.d.ts

@@ -7,4 +7,3 @@ export interface VideoModalProps {
 export interface ClosingButtonProps {
     onClick: () => void;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/View/View.cjs

@@ -1,2 +1,63 @@
-"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})))};
+'use strict';
+
+var React = require('react');
+require('../../hooks/useFocusVisible.cjs');
+var useHover = require('../../hooks/useHover.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
+var colors = require('../../theme/modules/colors.cjs');
+var types = require('./types.cjs');
+var styled = require('./styled.cjs');
+var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
+var EditIcon = require('../../tempIcons/EditIcon.cjs');
+var Text = require('../Text/Text.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const generateClassNames = (prefix) => ({
+    delete: prefix ? `${prefix}-delete` : undefined,
+    options: prefix ? `${prefix}-options` : undefined,
+    edit: prefix ? `${prefix}-edit` : undefined,
+    container: prefix ? `${prefix}-container` : undefined,
+    active: prefix ? `${prefix}-active` : undefined,
+    counter: prefix ? `${prefix}-counter` : undefined,
+});
+/**
+ *
+ * @deprecated
+ *
+ * use ViewTab component instead
+ *
+ */
+const View = ({ id, iconSlot, name, type, className, colourPalette = colors.colors.secondary.blue, customTextColour, count, active = false, onClick, onDelete, onEdit, e2eClassName, }) => {
+    const classNames = generateClassNames(className);
+    const e2eClassNames = generateClassNames(e2eClassName);
+    const [isHovered, handleEnter, handleLeave] = useHover.useHover();
+    const handleClick = React.useCallback(() => onClick(id), [id, onClick]);
+    const handleDelete = React.useCallback((event) => {
+        event.stopPropagation();
+        if (onDelete)
+            onDelete(id);
+    }, [onDelete, id]);
+    const handleEdit = React.useCallback((event) => {
+        event.stopPropagation();
+        if (onEdit)
+            onEdit(id);
+    }, [onEdit, id]);
+    const isDraft = type === types.ViewTypes.draft;
+    const isSaved = type === types.ViewTypes.saved;
+    const fill = active ? colors.colors.neutral.ink.dark : colors.colors.neutral.ink.base;
+    return (React__default.default.createElement(styled.Container, { className: `${buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container])} ${(active && (e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.active)) || ''}`, onClick: handleClick },
+        React__default.default.createElement(styled.Contour, { active: active, onMouseEnter: handleEnter, onMouseLeave: handleLeave, colourPalette: colourPalette, customTextColour: customTextColour },
+            iconSlot && React__default.default.createElement(styled.CustomIconWrapper, null, iconSlot),
+            React__default.default.createElement(Text.Text, { variant: "bodyBold" }, name),
+            count && (React__default.default.createElement(styled.CounterContainer, { active: active || isHovered, colourPalette: colourPalette, customTextColour: customTextColour },
+                React__default.default.createElement(styled.CounterText, { className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.counter, variant: "subheadingSmall" }, count))),
+            isDraft && (React__default.default.createElement(CrossIcon.CrossIcon, { ...styled.IconStyling, color: fill, className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.delete, onClick: handleDelete })),
+            isSaved && active && (React__default.default.createElement(EditIcon.EditIcon, { ...styled.IconStyling, color: fill, className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.edit, onClick: handleEdit })))));
+};
+
+exports.View = View;
 //# 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":"sdA0BSA,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":["colors","useHover","useCallback","ViewTypes","React","Container","buildClassnames","Contour","CustomIconWrapper","Text","CounterContainer","CounterText","CrossIcon","IconStyling","EditIcon"],"mappings":"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"}

package/dist/components/View/View.d.ts

@@ -16,4 +16,3 @@ export interface ClassNamesReturnPayload {
  *
  */
 export declare const View: ({ id, iconSlot, name, type, className, colourPalette, customTextColour, count, active, onClick, onDelete, onEdit, e2eClassName, }: ViewProps) => React.JSX.Element;
-//# sourceMappingURL=View.d.ts.map

package/dist/components/View/View.js

@@ -1,2 +1,57 @@
-import e,{useCallback as o}from"react";import"../../hooks/useFocusVisible.js";import{useHover as t}from"../../hooks/useHover.js";import{buildClassnames as l}from"../../utils/buildClassnames.js";import"uid/secure";import{colors as r}from"../../theme/modules/colors.js";import{ViewTypes as i}from"./types.js";import{Container as n,Contour as a,CustomIconWrapper as s,CounterContainer as c,CounterText as m,IconStyling as u}from"./styled.js";import{CrossIcon as d}from"../../tempIcons/CrossIcon.js";import{EditIcon as v}from"../../tempIcons/EditIcon.js";import{Text as p}from"../Text/Text.js";const E=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}),f=({id:f,iconSlot:C,name:j,type:k,className:$,colourPalette:b=r.secondary.blue,customTextColour:x,count:N,active:y=!1,onClick:P,onDelete:T,onEdit:h,e2eClassName:I})=>{const g=E($),M=E(I),[S,B,D]=t(),F=o((()=>P(f)),[f,P]),H=o((e=>{e.stopPropagation(),T&&T(f)}),[T,f]),L=o((e=>{e.stopPropagation(),h&&h(f)}),[h,f]),V=k===i.draft,q=k===i.saved,w=y?r.neutral.ink.dark:r.neutral.ink.base;return e.createElement(n,{className:`${l([null==g?void 0:g.container,null==M?void 0:M.container])} ${y&&(null==M?void 0:M.active)||""}`,onClick:F},e.createElement(a,{active:y,onMouseEnter:B,onMouseLeave:D,colourPalette:b,customTextColour:x},C&&e.createElement(s,null,C),e.createElement(p,{variant:"bodyBold"},j),N&&e.createElement(c,{active:y||S,colourPalette:b,customTextColour:x},e.createElement(m,{className:null==M?void 0:M.counter,variant:"subheadingSmall"},N)),V&&e.createElement(d,{...u,color:w,className:null==M?void 0:M.delete,onClick:H}),q&&y&&e.createElement(v,{...u,color:w,className:null==M?void 0:M.edit,onClick:L})))};export{f as View};
+import React, { useCallback } from 'react';
+import '../../hooks/useFocusVisible.js';
+import { useHover } from '../../hooks/useHover.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import 'uid/secure';
+import { colors } from '../../theme/modules/colors.js';
+import { ViewTypes } from './types.js';
+import { Container, Contour, CustomIconWrapper, CounterContainer, CounterText, IconStyling } from './styled.js';
+import { CrossIcon } from '../../tempIcons/CrossIcon.js';
+import { EditIcon } from '../../tempIcons/EditIcon.js';
+import { Text } from '../Text/Text.js';
+
+const generateClassNames = (prefix) => ({
+    delete: prefix ? `${prefix}-delete` : undefined,
+    options: prefix ? `${prefix}-options` : undefined,
+    edit: prefix ? `${prefix}-edit` : undefined,
+    container: prefix ? `${prefix}-container` : undefined,
+    active: prefix ? `${prefix}-active` : undefined,
+    counter: prefix ? `${prefix}-counter` : undefined,
+});
+/**
+ *
+ * @deprecated
+ *
+ * use ViewTab component instead
+ *
+ */
+const View = ({ id, iconSlot, name, type, className, colourPalette = colors.secondary.blue, customTextColour, count, active = false, onClick, onDelete, onEdit, e2eClassName, }) => {
+    const classNames = generateClassNames(className);
+    const e2eClassNames = generateClassNames(e2eClassName);
+    const [isHovered, handleEnter, handleLeave] = useHover();
+    const handleClick = useCallback(() => onClick(id), [id, onClick]);
+    const handleDelete = useCallback((event) => {
+        event.stopPropagation();
+        if (onDelete)
+            onDelete(id);
+    }, [onDelete, id]);
+    const handleEdit = useCallback((event) => {
+        event.stopPropagation();
+        if (onEdit)
+            onEdit(id);
+    }, [onEdit, id]);
+    const isDraft = type === ViewTypes.draft;
+    const isSaved = type === ViewTypes.saved;
+    const fill = active ? colors.neutral.ink.dark : colors.neutral.ink.base;
+    return (React.createElement(Container, { className: `${buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container])} ${(active && (e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.active)) || ''}`, onClick: handleClick },
+        React.createElement(Contour, { active: active, onMouseEnter: handleEnter, onMouseLeave: handleLeave, colourPalette: colourPalette, customTextColour: customTextColour },
+            iconSlot && React.createElement(CustomIconWrapper, null, iconSlot),
+            React.createElement(Text, { variant: "bodyBold" }, name),
+            count && (React.createElement(CounterContainer, { active: active || isHovered, colourPalette: colourPalette, customTextColour: customTextColour },
+                React.createElement(CounterText, { className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.counter, variant: "subheadingSmall" }, count))),
+            isDraft && (React.createElement(CrossIcon, { ...IconStyling, color: fill, className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.delete, onClick: handleDelete })),
+            isSaved && active && (React.createElement(EditIcon, { ...IconStyling, color: fill, className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.edit, onClick: handleEdit })))));
+};
+
+export { View };
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","sources":["../../../src/components/View/View.tsx"],"sourcesContent":[null],"names":["generateClassNames","prefix","delete","undefined","options"],"mappings":"olBA0BSA,EAAUC,IAAA,CAClBC,OAAAD,EAAA,GAAAA,gBAAAE,EAWDC,QAAAH,EAAA,GAAAA,iBAAAE"}
+{"version":3,"file":"View.js","sources":["../../../src/components/View/View.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/View/index.d.ts

@@ -1,2 +1 @@
 export { View } from './View';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/View/styled.cjs

@@ -1,41 +1,53 @@
-"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;
+'use strict';
 
-  ${({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  `}
+var styled = require('styled-components');
+var colors = require('../../theme/modules/colors.cjs');
+var Text = require('../Text/Text.cjs');
+var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
+var sizes = require('../../theme/modules/sizes.cjs');
 
-  ${({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;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  ${({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};
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  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;
+const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1vyyfhh" }) `padding:14px 24px;`;
+const CounterText = styled__default.default(Text.Text).withConfig({ displayName: "vui--CounterText", componentId: "vui--ycgtn6" }) `line-height:1;`;
+const Contour = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Contour", componentId: "vui--zy3oaf" }) `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, customTextColour }) => `
+    &:hover {
+      border: 1px solid ${colourPalette.base};
+      background-color: ${colourPalette.lightest};
+    }
+
+    ${Text.Text} {
+      color: ${customTextColour !== null && customTextColour !== undefined ? customTextColour : colors.colors.neutral.ink.dark};
+    }
+  `} ${({ active, colourPalette }) => active &&
+    `
+    background-color: ${colourPalette.lightest};
+  `}`;
+const CounterContainer = styled__default.default(Text.Text).withConfig({ displayName: "vui--CounterContainer", componentId: "vui--chq9kr" }) `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, colourPalette }) => active &&
+    `
+    background-color: ${colourPalette.base};
+
+    & > ${CounterText} {
+      color: #fff;
+    }
+  `}`;
+const IconStyling = {
+    style: {
+        marginLeft: sizes.sizes.xs,
+        padding: sizes.sizes.xs,
+        height: sizes.sizes.base,
+        width: sizes.sizes.base,
+    },
+};
+const CustomIconWrapper = styled__default.default.div.withConfig({ displayName: "vui--CustomIconWrapper", componentId: "vui--yu7dwm" }) `display:flex;align-items:center;margin-right:${sizes.sizes.sm};svg{height:${sizes.sizes.base};width:${sizes.sizes.base};}`;
+
+exports.Text = Text.Text;
+exports.Container = Container;
+exports.Contour = Contour;
+exports.CounterContainer = CounterContainer;
+exports.CounterText = CounterText;
+exports.CustomIconWrapper = CustomIconWrapper;
+exports.IconStyling = IconStyling;
 //# 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","BaseContainer","CounterText","Text","Contour"],"mappings":"mRAWsC,MAAAA,EAAAC,EAAAA,UAAeC,cAAA;;EAE/CC,EAAMF,EAAAA,QAAeG,EAAIA,KAAC;;EAUhCC,EAAaJ,EAAAA,QAAAC,EAAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/View/styled.ts"],"sourcesContent":[null],"names":["styled","BaseContainer","Text","colors","sizes"],"mappings":";;;;;;;;;;;;AAeA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC;AAIvC,MAAM,WAAW,GAAGD,uBAAM,CAACE,SAAI,CAAC;AAIhC,MAAM,OAAO,GAAGF,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8JAAA,EAWjC,CAAC,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK;;AAEnB,wBAAA,EAAA,aAAa,CAAC,IAAI,CAAA;AAClB,wBAAA,EAAA,aAAa,CAAC,QAAQ,CAAA;;;MAG1CC,SAAI,CAAA;eACK,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,SAAA,GAAhB,gBAAgB,GAAIC,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;GAEvD,CAEC,CAAA,EAAA,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,KAC1B,MAAM;AACN,IAAA;AACoB,sBAAA,EAAA,aAAa,CAAC,QAAQ,CAAA;AAC3C,EAAA,CAAA,CAAA;AAGH,MAAM,gBAAgB,GAAGH,uBAAM,CAACE,SAAI,CAAC,CAWjC,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8JAAA,EAAA,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,KAC1B,MAAM;AACN,IAAA;AACoB,sBAAA,EAAA,aAAa,CAAC,IAAI,CAAA;;UAEhC,WAAW,CAAA;;;AAGlB,EAAA,CAAA,CAAA;AAGH,MAAM,WAAW,GAAG;AAClB,IAAA,KAAK,EAAE;QACL,UAAU,EAAEE,WAAK,CAAC,EAAE;QACpB,OAAO,EAAEA,WAAK,CAAC,EAAE;QACjB,MAAM,EAAEA,WAAK,CAAC,IAAI;QAClB,KAAK,EAAEA,WAAK,CAAC,IAAI;AACD,KAAA;;MAGP,iBAAiB,GAAGJ,uBAAM,CAAC,GAAG,mIAGzBI,WAAK,CAAC,EAAE,CAGZ,YAAA,EAAAA,WAAK,CAAC,IAAI,CAAA,OAAA,EACXA,WAAK,CAAC,IAAI;;;;;;;;;;"}

package/dist/components/View/styled.d.ts

@@ -16,4 +16,3 @@ declare const IconStyling: {
 };
 export declare const CustomIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { Container, Contour, Text, CounterContainer, CounterText, IconStyling };
-//# sourceMappingURL=styled.d.ts.map