@veeqo/ui 14.12.0 → 14.13.0

package/dist/index.cjs

@@ -51,6 +51,7 @@ var LoginWithAmazonButton = require('./components/LoginWithAmazonButton/LoginWit
 var Modal = require('./components/Modal/Modal.cjs');
 var Pagination = require('./components/Pagination/Pagination.cjs');
 var Popover = require('./components/Popover/Popover.cjs');
+var Popup = require('./components/Popup/Popup.cjs');
 var Portal = require('./components/Portal/Portal.cjs');
 var PriceInput = require('./components/PriceInput/PriceInput.cjs');
 var Radio = require('./components/Radio/Radio.cjs');
@@ -77,8 +78,6 @@ var UploadFile = require('./components/UploadFile/UploadFile.cjs');
 var constants = require('./components/UploadFile/constants.cjs');
 var UploadedFile = require('./components/UploadedFile/UploadedFile.cjs');
 var VeeqoLogo = require('./components/VeeqoLogo/VeeqoLogo.cjs');
-var VideoModal = require('./components/VideoModal/VideoModal.cjs');
-var Popup = require('./components/VideoModal/components/Popup.cjs');
 var View = require('./components/View/View.cjs');
 var ViewTab = require('./components/ViewTab/ViewTab.cjs');
 var ViewsContainer = require('./components/ViewsContainer/ViewsContainer.cjs');
@@ -345,7 +344,6 @@ var VeeqoLogoFull = require('./logos/components/VeeqoLogoFull.cjs');
 var VendLogoFull = require('./logos/components/VendLogoFull.cjs');
 var WalmartLogoFull = require('./logos/components/WalmartLogoFull.cjs');
 var WooCommerceLogoFull = require('./logos/components/WooCommerceLogoFull.cjs');
-var utils = require('./theme/utils.cjs');
 
 
 
@@ -411,6 +409,7 @@ exports.LoginWithAmazonButton = LoginWithAmazonButton.LoginWithAmazonButton;
 exports.Modal = Modal.Modal;
 exports.Pagination = Pagination.Pagination;
 exports.Popover = Popover.Popover;
+exports.Popup = Popup.Popup;
 exports.Portal = Portal.Portal;
 exports.PriceInput = PriceInput.PriceInput;
 exports.Radio = Radio.Radio;
@@ -444,8 +443,6 @@ Object.defineProperty(exports, "FileSizeUnit", {
 });
 exports.UploadedFile = UploadedFile.UploadedFile;
 exports.VeeqoLogo = VeeqoLogo.VeeqoLogo;
-exports.VideoModal = VideoModal.VideoModal;
-exports.Popup = Popup.Popup;
 exports.View = View.View;
 exports.ViewTab = ViewTab.ViewTab;
 exports.ViewsContainer = ViewsContainer.ViewsContainer;
@@ -714,5 +711,4 @@ exports.VeeqoLogoFull = VeeqoLogoFull.ReactComponent;
 exports.VendLogoFull = VendLogoFull.ReactComponent;
 exports.WalmartLogoFull = WalmartLogoFull.ReactComponent;
 exports.WooCommerceLogoFull = WooCommerceLogoFull.ReactComponent;
-exports.getTextStyles = utils.getTextStyles;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

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

package/dist/index.js

@@ -49,6 +49,7 @@ export { LoginWithAmazonButton } from './components/LoginWithAmazonButton/LoginW
 export { Modal } from './components/Modal/Modal.js';
 export { Pagination } from './components/Pagination/Pagination.js';
 export { Popover } from './components/Popover/Popover.js';
+export { Popup } from './components/Popup/Popup.js';
 export { Portal } from './components/Portal/Portal.js';
 export { PriceInput } from './components/PriceInput/PriceInput.js';
 export { Radio } from './components/Radio/Radio.js';
@@ -75,8 +76,6 @@ export { UploadFile } from './components/UploadFile/UploadFile.js';
 export { AcceptedFileTypes, FileSizeUnit } from './components/UploadFile/constants.js';
 export { UploadedFile } from './components/UploadedFile/UploadedFile.js';
 export { VeeqoLogo } from './components/VeeqoLogo/VeeqoLogo.js';
-export { VideoModal } from './components/VideoModal/VideoModal.js';
-export { Popup } from './components/VideoModal/components/Popup.js';
 export { View } from './components/View/View.js';
 export { ViewTab } from './components/ViewTab/ViewTab.js';
 export { ViewsContainer } from './components/ViewsContainer/ViewsContainer.js';
@@ -343,5 +342,4 @@ export { ReactComponent as VeeqoLogoFull } from './logos/components/VeeqoLogoFul
 export { ReactComponent as VendLogoFull } from './logos/components/VendLogoFull.js';
 export { ReactComponent as WalmartLogoFull } from './logos/components/WalmartLogoFull.js';
 export { ReactComponent as WooCommerceLogoFull } from './logos/components/WooCommerceLogoFull.js';
-export { getTextStyles } from './theme/utils.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/theme/index.cjs

@@ -7,7 +7,6 @@ var radius = require('./modules/radius.cjs');
 var shadows = require('./modules/shadows.cjs');
 var sizes = require('./modules/sizes.cjs');
 var text = require('./modules/text.cjs');
-require('styled-components');
 
 const theme = {
     ...text.common,

package/dist/theme/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/theme/index.ts"],"sourcesContent":["import { colors } from './modules/colors';\nimport { breakpoints } from './modules/breakpoints';\nimport { layers } from './modules/layers';\nimport { radius } from './modules/radius';\nimport { Shadows } from './modules/shadows';\nimport { sizes } from './modules/sizes';\nimport { text, common } from './modules/text';\n\nexport { getTextStyles } from './utils';\n\nexport const theme = {\n  ...common,\n  breakpoints,\n  colors,\n  layers,\n  radius,\n  shadows: Shadows,\n  sizes,\n  text,\n};\n"],"names":["common","breakpoints","colors","layers","radius","Shadows","sizes","text"],"mappings":";;;;;;;;;;;AAUO,MAAM,KAAK,GAAG;AACnB,IAAA,GAAGA,WAAM;iBACTC,uBAAW;YACXC,aAAM;YACNC,aAAM;YACNC,aAAM;AACN,IAAA,OAAO,EAAEC,eAAO;WAChBC,WAAK;UACLC,SAAI;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/theme/index.ts"],"sourcesContent":["import { colors } from './modules/colors';\nimport { breakpoints } from './modules/breakpoints';\nimport { layers } from './modules/layers';\nimport { radius } from './modules/radius';\nimport { Shadows } from './modules/shadows';\nimport { sizes } from './modules/sizes';\nimport { text, common } from './modules/text';\n\nexport const theme = {\n  ...common,\n  breakpoints,\n  colors,\n  layers,\n  radius,\n  shadows: Shadows,\n  sizes,\n  text,\n};\n"],"names":["common","breakpoints","colors","layers","radius","Shadows","sizes","text"],"mappings":";;;;;;;;;;AAQO,MAAM,KAAK,GAAG;AACnB,IAAA,GAAGA,WAAM;iBACTC,uBAAW;YACXC,aAAM;YACNC,aAAM;YACNC,aAAM;AACN,IAAA,OAAO,EAAEC,eAAO;WAChBC,WAAK;UACLC,SAAI;;;;;"}

package/dist/theme/index.d.ts

@@ -1,5 +1,4 @@
 import { Shadows } from './modules/shadows';
-export { getTextStyles } from './utils';
 export declare const theme: {
     breakpoints: {
         readonly mobile: "640px";

package/dist/theme/index.js

@@ -5,7 +5,6 @@ import { radius } from './modules/radius.js';
 import { Shadows } from './modules/shadows.js';
 import { sizes } from './modules/sizes.js';
 import { text, common } from './modules/text.js';
-import 'styled-components';
 
 const theme = {
     ...common,

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { colors } from './modules/colors';\nimport { breakpoints } from './modules/breakpoints';\nimport { layers } from './modules/layers';\nimport { radius } from './modules/radius';\nimport { Shadows } from './modules/shadows';\nimport { sizes } from './modules/sizes';\nimport { text, common } from './modules/text';\n\nexport { getTextStyles } from './utils';\n\nexport const theme = {\n  ...common,\n  breakpoints,\n  colors,\n  layers,\n  radius,\n  shadows: Shadows,\n  sizes,\n  text,\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,KAAK,GAAG;AACnB,IAAA,GAAG,MAAM;IACT,WAAW;IACX,MAAM;IACN,MAAM;IACN,MAAM;AACN,IAAA,OAAO,EAAE,OAAO;IAChB,KAAK;IACL,IAAI;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { colors } from './modules/colors';\nimport { breakpoints } from './modules/breakpoints';\nimport { layers } from './modules/layers';\nimport { radius } from './modules/radius';\nimport { Shadows } from './modules/shadows';\nimport { sizes } from './modules/sizes';\nimport { text, common } from './modules/text';\n\nexport const theme = {\n  ...common,\n  breakpoints,\n  colors,\n  layers,\n  radius,\n  shadows: Shadows,\n  sizes,\n  text,\n};\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,KAAK,GAAG;AACnB,IAAA,GAAG,MAAM;IACT,WAAW;IACX,MAAM;IACN,MAAM;IACN,MAAM;AACN,IAAA,OAAO,EAAE,OAAO;IAChB,KAAK;IACL,IAAI;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "14.12.0",
+  "version": "14.13.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",
@@ -83,7 +83,6 @@
     "@types/react": "^17.0.5",
     "@types/react-dom": "^16.9.12",
     "@types/react-transition-group": "^4.4.6",
-    "@types/styled-components": "^5.1.27",
     "@typescript-eslint/eslint-plugin": "^6.7.3",
     "@typescript-eslint/parser": "^6.7.3",
     "auto-changelog": "^2.4.0",
@@ -106,7 +105,6 @@
     "jest-axe": "~6.0.0",
     "jest-cli": "~29.0.3",
     "jest-environment-jsdom": "~29.0.3",
-    "jest-styled-components": "~7.1.1",
     "lodash.throttle": "^4.1.1",
     "playroom": "^0.39.1",
     "postcss": "^8.5.3",
@@ -115,9 +113,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-popper": "^2.2.5",
-    "react-scrolllock-configurable": "4.0.5",
     "react-transition-group": "^4.3.0",
-    "react-use": "^15.3.8",
     "remark-gfm": "^4.0.1",
     "resize-observer-polyfill": "^1.5.1",
     "rimraf": "^5.0.5",
@@ -127,13 +123,11 @@
     "sass-loader": "^16.0.5",
     "storybook": "10.3.3",
     "style-loader": "^2.0.0",
-    "styled-components": "^5.1.1",
     "stylelint": "^16.25.0",
     "stylelint-config-standard-scss": "^13.0.0",
     "ts-jest": "^29.1.1",
     "tsc-alias": "^1.8.8",
-    "typescript": "^5.2.2",
-    "typescript-plugin-styled-components": "^3.0.0"
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "@internationalized/date": "^3.5.4",
@@ -145,17 +139,11 @@
     "react-aria-components": "^1.2.1",
     "react-dom": "^17.0.2",
     "react-popper": "^2.2.5",
-    "react-scrolllock-configurable": "4.0.5",
     "react-transition-group": "^4.3.0",
-    "react-use": "^15.3.8",
     "resize-observer-polyfill": "^1.5.1",
-    "styled-components": "^5.1.1",
     "uid": "^2.0.2"
   },
   "overrides": {
-    "react-scrolllock-configurable": {
-      "react": "$react"
-    },
     "auto-changelog": {
       "handlebars": "4.7.9"
     },

package/dist/components/VideoModal/VideoModal.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Popup = require('./components/Popup.cjs');
-var styled = require('./styled.cjs');
-var useClickOutside = require('../../hooks/useClickOutside.cjs');
-require('../../hooks/useFocusVisible.cjs');
-require('uid/secure');
-require('lodash.throttle');
-var CrossIcon = require('../../icons/design-system/components/CrossIcon.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const VideoModal = ({ id, youtubeVideoId, showVideoModal, handleCloseClick, }) => {
-    const ref = useClickOutside.useClickOutside(showVideoModal, handleCloseClick);
-    return (React__default.default.createElement(Popup.Popup, { shouldShow: showVideoModal, className: `${id}-video` },
-        React__default.default.createElement(styled.PopupContent, { "data-testid": "video-modal_popup-content", className: `video-modal--${showVideoModal ? 'visible' : 'hidden'}` },
-            React__default.default.createElement(styled.VideoWrapper, { ref: ref },
-                React__default.default.createElement("iframe", { title: `${id}-video`, src: `https://www.youtube.com/embed/${youtubeVideoId}`, frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }),
-                React__default.default.createElement(styled.ButtonSC, { variant: "flat", onClick: handleCloseClick, "data-testid": "video-modal--close", iconSlot: React__default.default.createElement(CrossIcon.ReactComponent, { color: "white" }) })))));
-};
-
-exports.VideoModal = VideoModal;
-//# sourceMappingURL=VideoModal.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VideoModal.cjs","sources":["../../../src/components/VideoModal/VideoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { Popup } from './components/Popup';\nimport { VideoModalProps } from './types';\nimport { PopupContent, VideoWrapper, ButtonSC } from './styled';\nimport { useClickOutside } from '../../hooks';\nimport { CrossIcon } from '../../icons';\n\nexport const VideoModal = ({\n  id,\n  youtubeVideoId,\n  showVideoModal,\n  handleCloseClick,\n}: VideoModalProps) => {\n  const ref = useClickOutside(showVideoModal, handleCloseClick);\n\n  return (\n    <Popup shouldShow={showVideoModal} className={`${id}-video`}>\n      <PopupContent\n        data-testid=\"video-modal_popup-content\"\n        className={`video-modal--${showVideoModal ? 'visible' : 'hidden'}`}\n      >\n        <VideoWrapper ref={ref}>\n          <iframe\n            title={`${id}-video`}\n            src={`https://www.youtube.com/embed/${youtubeVideoId}`}\n            frameBorder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n          />\n          <ButtonSC\n            variant=\"flat\"\n            onClick={handleCloseClick}\n            data-testid=\"video-modal--close\"\n            iconSlot={<CrossIcon color=\"white\" />}\n          />\n        </VideoWrapper>\n      </PopupContent>\n    </Popup>\n  );\n};\n"],"names":["useClickOutside","React","Popup","PopupContent","VideoWrapper","ButtonSC","CrossIcon"],"mappings":";;;;;;;;;;;;;;;AAOO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,cAAc,EACd,cAAc,EACd,gBAAgB,GACA,KAAI;IACpB,MAAM,GAAG,GAAGA,+BAAe,CAAC,cAAc,EAAE,gBAAgB,CAAC;AAE7D,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EAAC,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,CAAA,EAAG,EAAE,CAAA,MAAA,CAAQ,EAAA;AACzD,QAAAD,sBAAA,CAAA,aAAA,CAACE,mBAAY,EAAA,EAAA,aAAA,EACC,2BAA2B,EACvC,SAAS,EAAE,CAAA,aAAA,EAAgB,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAA,CAAE,EAAA;AAElE,YAAAF,sBAAA,CAAA,aAAA,CAACG,mBAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA;gBACpBH,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,CAAA,EAAG,EAAE,QAAQ,EACpB,GAAG,EAAE,CAAA,8BAAA,EAAiC,cAAc,EAAE,EACtD,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,0FAA0F,EAChG,eAAe,EAAA,IAAA,EAAA,CACf;gBACFA,sBAAA,CAAA,aAAA,CAACI,eAAQ,EAAA,EACP,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,gBAAgB,EAAA,aAAA,EACb,oBAAoB,EAChC,QAAQ,EAAEJ,sBAAA,CAAA,aAAA,CAACK,wBAAS,EAAA,EAAC,KAAK,EAAC,OAAO,EAAA,CAAG,EAAA,CACrC,CACW,CACF,CACT;AAEZ;;;;"}

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { VideoModalProps } from './types';
-export declare const VideoModal: ({ id, youtubeVideoId, showVideoModal, handleCloseClick, }: VideoModalProps) => React.JSX.Element;

package/dist/components/VideoModal/VideoModal.js

@@ -1,20 +0,0 @@
-import React__default from 'react';
-import { Popup } from './components/Popup.js';
-import { PopupContent, VideoWrapper, ButtonSC } from './styled.js';
-import { useClickOutside } from '../../hooks/useClickOutside.js';
-import '../../hooks/useFocusVisible.js';
-import 'uid/secure';
-import 'lodash.throttle';
-import { ReactComponent as CrossIcon } from '../../icons/design-system/components/CrossIcon.js';
-
-const VideoModal = ({ id, youtubeVideoId, showVideoModal, handleCloseClick, }) => {
-    const ref = useClickOutside(showVideoModal, handleCloseClick);
-    return (React__default.createElement(Popup, { shouldShow: showVideoModal, className: `${id}-video` },
-        React__default.createElement(PopupContent, { "data-testid": "video-modal_popup-content", className: `video-modal--${showVideoModal ? 'visible' : 'hidden'}` },
-            React__default.createElement(VideoWrapper, { ref: ref },
-                React__default.createElement("iframe", { title: `${id}-video`, src: `https://www.youtube.com/embed/${youtubeVideoId}`, frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }),
-                React__default.createElement(ButtonSC, { variant: "flat", onClick: handleCloseClick, "data-testid": "video-modal--close", iconSlot: React__default.createElement(CrossIcon, { color: "white" }) })))));
-};
-
-export { VideoModal };
-//# sourceMappingURL=VideoModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VideoModal.js","sources":["../../../src/components/VideoModal/VideoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { Popup } from './components/Popup';\nimport { VideoModalProps } from './types';\nimport { PopupContent, VideoWrapper, ButtonSC } from './styled';\nimport { useClickOutside } from '../../hooks';\nimport { CrossIcon } from '../../icons';\n\nexport const VideoModal = ({\n  id,\n  youtubeVideoId,\n  showVideoModal,\n  handleCloseClick,\n}: VideoModalProps) => {\n  const ref = useClickOutside(showVideoModal, handleCloseClick);\n\n  return (\n    <Popup shouldShow={showVideoModal} className={`${id}-video`}>\n      <PopupContent\n        data-testid=\"video-modal_popup-content\"\n        className={`video-modal--${showVideoModal ? 'visible' : 'hidden'}`}\n      >\n        <VideoWrapper ref={ref}>\n          <iframe\n            title={`${id}-video`}\n            src={`https://www.youtube.com/embed/${youtubeVideoId}`}\n            frameBorder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n          />\n          <ButtonSC\n            variant=\"flat\"\n            onClick={handleCloseClick}\n            data-testid=\"video-modal--close\"\n            iconSlot={<CrossIcon color=\"white\" />}\n          />\n        </VideoWrapper>\n      </PopupContent>\n    </Popup>\n  );\n};\n"],"names":["React"],"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,QACEA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,CAAA,EAAG,EAAE,CAAA,MAAA,CAAQ,EAAA;AACzD,QAAAA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,aAAA,EACC,2BAA2B,EACvC,SAAS,EAAE,CAAA,aAAA,EAAgB,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAA,CAAE,EAAA;AAElE,YAAAA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA;gBACpBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,CAAA,EAAG,EAAE,QAAQ,EACpB,GAAG,EAAE,CAAA,8BAAA,EAAiC,cAAc,EAAE,EACtD,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,0FAA0F,EAChG,eAAe,EAAA,IAAA,EAAA,CACf;gBACFA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,gBAAgB,EAAA,aAAA,EACb,oBAAoB,EAChC,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,OAAO,EAAA,CAAG,EAAA,CACrC,CACW,CACF,CACT;AAEZ;;;;"}

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const VideoModalDemo: () => React.JSX.Element;

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

@@ -1,24 +0,0 @@
-'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 +0,0 @@
-{"version":3,"file":"Popup.cjs","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":["import React, { ReactNode, FC } from 'react';\n\n// @ts-ignore\nimport ScrollLock from 'react-scrolllock-configurable';\nimport { Portal } from '../../Portal';\n\nimport { Container, Shadow, Wrap } from './styled';\nimport { buildClassnames } from '../../../utils/buildClassnames';\n\ninterface WithPortalProps {\n  usePortal?: boolean;\n  children: ReactNode;\n}\n\nconst WithPortal = ({ usePortal, children }: WithPortalProps) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{usePortal ? <Portal>{children}</Portal> : children}</>\n);\n\nexport interface PopupProps {\n  children: ReactNode;\n  shouldShow: boolean;\n  usePortal?: boolean;\n  className?: string;\n}\n\nexport const Popup: FC<PopupProps> = ({\n  className,\n  children = null,\n  shouldShow = false,\n  usePortal = true,\n}: PopupProps) => (\n  <WithPortal usePortal={usePortal}>\n    <Container\n      className={buildClassnames([`${className}-container`, className])}\n      shouldShow={shouldShow}\n    >\n      <Shadow />\n      <ScrollLock isActive={shouldShow}>\n        <Wrap className={buildClassnames([`${className}-wrap`, className])}>{children}</Wrap>\n      </ScrollLock>\n    </Container>\n  </WithPortal>\n);\n"],"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,sBAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA;AAC9B,IAAAA,sBAAA,CAAA,aAAA,CAACE,gBAAS,EAAA,EACR,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,EAAA,IAAA,CAAG;AACV,QAAAJ,sBAAA,CAAA,aAAA,CAACK,2BAAU,EAAA,EAAC,QAAQ,EAAE,UAAU,EAAA;YAC9BL,sBAAA,CAAA,aAAA,CAACM,WAAI,IAAC,SAAS,EAAEH,+BAAe,CAAC,CAAC,GAAG,SAAS,CAAA,KAAA,CAAO,EAAE,SAAS,CAAC,CAAC,EAAA,EAAG,QAAQ,CAAQ,CAC1E,CACH,CACD;;;;"}

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

@@ -1,17 +0,0 @@
-import React__default 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__default.createElement(React__default.Fragment, null, usePortal ? React__default.createElement(Portal, null, children) : children));
-const Popup = ({ className, children = null, shouldShow = false, usePortal = true, }) => (React__default.createElement(WithPortal, { usePortal: usePortal },
-    React__default.createElement(Container, { className: buildClassnames([`${className}-container`, className]), shouldShow: shouldShow },
-        React__default.createElement(Shadow, null),
-        React__default.createElement(ScrollLock, { isActive: shouldShow },
-            React__default.createElement(Wrap, { className: buildClassnames([`${className}-wrap`, className]) }, children)))));
-
-export { Popup };
-//# sourceMappingURL=Popup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.js","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":["import React, { ReactNode, FC } from 'react';\n\n// @ts-ignore\nimport ScrollLock from 'react-scrolllock-configurable';\nimport { Portal } from '../../Portal';\n\nimport { Container, Shadow, Wrap } from './styled';\nimport { buildClassnames } from '../../../utils/buildClassnames';\n\ninterface WithPortalProps {\n  usePortal?: boolean;\n  children: ReactNode;\n}\n\nconst WithPortal = ({ usePortal, children }: WithPortalProps) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{usePortal ? <Portal>{children}</Portal> : children}</>\n);\n\nexport interface PopupProps {\n  children: ReactNode;\n  shouldShow: boolean;\n  usePortal?: boolean;\n  className?: string;\n}\n\nexport const Popup: FC<PopupProps> = ({\n  className,\n  children = null,\n  shouldShow = false,\n  usePortal = true,\n}: PopupProps) => (\n  <WithPortal usePortal={usePortal}>\n    <Container\n      className={buildClassnames([`${className}-container`, className])}\n      shouldShow={shouldShow}\n    >\n      <Shadow />\n      <ScrollLock isActive={shouldShow}>\n        <Wrap className={buildClassnames([`${className}-wrap`, className])}>{children}</Wrap>\n      </ScrollLock>\n    </Container>\n  </WithPortal>\n);\n"],"names":["React"],"mappings":";;;;;;AAcA,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAmB;AAC1D;AACAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAG,SAAS,GAAGA,6BAAC,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,MACXA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA;AAC9B,IAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,EAAE,SAAS,CAAC,CAAC,EACjE,UAAU,EAAE,UAAU,EAAA;AAEtB,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA,CAAG;AACV,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,UAAU,EAAA;YAC9BA,cAAA,CAAA,aAAA,CAAC,IAAI,IAAC,SAAS,EAAE,eAAe,CAAC,CAAC,GAAG,SAAS,CAAA,KAAA,CAAO,EAAE,SAAS,CAAC,CAAC,EAAA,EAAG,QAAQ,CAAQ,CAC1E,CACH,CACD;;;;"}

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

@@ -1,26 +0,0 @@
-'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%;
-  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 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/VideoModal/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BaseContainer } from '../../BaseContainer';\n\ninterface IContainer {\n  shouldShow: boolean;\n}\n\nconst commonStyles = `\n  position: fixed;\n  height: 100%;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nexport const Container = styled(BaseContainer)`\n  ${commonStyles}\n  display: ${(props: IContainer) => (props.shouldShow ? 'initial' : 'none')};\n  z-index: ${theme.layers.modal};\n`;\n\nexport const Shadow = styled(BaseContainer)`\n  ${commonStyles}\n  background-color: rgba(55,66,77,0.5);\n`;\n\nexport const Wrap = styled(BaseContainer)`\n  position: relative;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n`;\n"],"names":["styled","BaseContainer","theme"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAY,GAAG;;;;;;;CAOpB;AAEM,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC1C,YAAY,YACH,CAAC,KAAiB,MAAM,KAAK,CAAC,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAA,SAAA,EAC9DC,WAAK,CAAC,MAAM,CAAC,KAAK;AAGxB,MAAM,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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface IContainer {
-    shouldShow: boolean;
-}
-export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, IContainer, never>;
-export declare const Shadow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const Wrap: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export {};

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

@@ -1,18 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
-
-const commonStyles = `
-  position: fixed;
-  height: 100%;
-  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 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/VideoModal/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BaseContainer } from '../../BaseContainer';\n\ninterface IContainer {\n  shouldShow: boolean;\n}\n\nconst commonStyles = `\n  position: fixed;\n  height: 100%;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nexport const Container = styled(BaseContainer)`\n  ${commonStyles}\n  display: ${(props: IContainer) => (props.shouldShow ? 'initial' : 'none')};\n  z-index: ${theme.layers.modal};\n`;\n\nexport const Shadow = styled(BaseContainer)`\n  ${commonStyles}\n  background-color: rgba(55,66,77,0.5);\n`;\n\nexport const Wrap = styled(BaseContainer)`\n  position: relative;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n`;\n"],"names":[],"mappings":";;;;AAQA,MAAM,YAAY,GAAG;;;;;;;CAOpB;AAEM,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC1C,YAAY,YACH,CAAC,KAAiB,MAAM,KAAK,CAAC,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAA,SAAA,EAC9D,KAAK,CAAC,MAAM,CAAC,KAAK;AAGxB,MAAM,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,2 +0,0 @@
-export { VideoModal } from './VideoModal';
-export { Popup } from './components/Popup';

package/dist/components/VideoModal/styled.cjs

@@ -1,17 +0,0 @@
-'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 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/VideoModal/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Button } from '../Button';\n\nexport const PopupContent = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n`;\n\nexport const VideoWrapper = styled.div`\n  position: relative;\n  iframe {\n    width: 57vw;\n    height: calc(57vw * 0.5625); // keep 16:9 ratio\n    border-radius: 8px;\n  }\n`;\n\nexport const ButtonSC = styled(Button)`\n  position: absolute;\n  top: 0px;\n  right: -45px;\n`;\n"],"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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const PopupContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VideoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ButtonSC: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../hoc/withTokens").WithTokensProps & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: import("../Button/types").ButtonSize | undefined;
-    iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../hoc/withTokens").WithTokensProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/components/VideoModal/styled.js

@@ -1,9 +0,0 @@
-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 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/VideoModal/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Button } from '../Button';\n\nexport const PopupContent = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n`;\n\nexport const VideoWrapper = styled.div`\n  position: relative;\n  iframe {\n    width: 57vw;\n    height: calc(57vw * 0.5625); // keep 16:9 ratio\n    border-radius: 8px;\n  }\n`;\n\nexport const ButtonSC = styled(Button)`\n  position: absolute;\n  top: 0px;\n  right: -45px;\n`;\n"],"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

@@ -1,9 +0,0 @@
-export interface VideoModalProps {
-    id: string;
-    youtubeVideoId: string;
-    showVideoModal: boolean;
-    handleCloseClick: () => void;
-}
-export interface ClosingButtonProps {
-    onClick: () => void;
-}

package/dist/theme/utils.cjs

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

package/dist/theme/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/theme/utils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { TextStyles } from './modules/text';\n\nexport const getTextStyles = (textTheme: TextStyles) => css`\n  font-family: ${textTheme.fontFamily};\n  font-style: ${textTheme.fontStyle};\n  font-weight: ${textTheme.fontWeight};\n  font-size: ${textTheme.fontSize};\n  line-height: ${textTheme.lineHeight};\n  color: ${textTheme.color};\n  text-decoration: ${textTheme.textDecoration};\n  letter-spacing: ${textTheme.letterSpacing};\n`;\n"],"names":["css"],"mappings":";;;;AAGO,MAAM,aAAa,GAAG,CAAC,SAAqB,KAAKA,UAAG,CAAA,CAAA,YAAA,EAC1C,SAAS,CAAC,UAAU,CAAA,YAAA,EACrB,SAAS,CAAC,SAAS,gBAClB,SAAS,CAAC,UAAU,CAAA,WAAA,EACtB,SAAS,CAAC,QAAQ,CAAA,aAAA,EAChB,SAAS,CAAC,UAAU,UAC1B,SAAS,CAAC,KAAK,CAAA,iBAAA,EACL,SAAS,CAAC,cAAc,CAAA,gBAAA,EACzB,SAAS,CAAC,aAAa;;;;"}

package/dist/theme/utils.d.ts

@@ -1,2 +0,0 @@
-import { TextStyles } from './modules/text';
-export declare const getTextStyles: (textTheme: TextStyles) => import("styled-components").FlattenSimpleInterpolation;

package/dist/theme/utils.js

@@ -1,6 +0,0 @@
-import { css } from 'styled-components';
-
-const getTextStyles = (textTheme) => css `font-family:${textTheme.fontFamily};font-style:${textTheme.fontStyle};font-weight:${textTheme.fontWeight};font-size:${textTheme.fontSize};line-height:${textTheme.lineHeight};color:${textTheme.color};text-decoration:${textTheme.textDecoration};letter-spacing:${textTheme.letterSpacing};`;
-
-export { getTextStyles };
-//# sourceMappingURL=utils.js.map

package/dist/theme/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../src/theme/utils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { TextStyles } from './modules/text';\n\nexport const getTextStyles = (textTheme: TextStyles) => css`\n  font-family: ${textTheme.fontFamily};\n  font-style: ${textTheme.fontStyle};\n  font-weight: ${textTheme.fontWeight};\n  font-size: ${textTheme.fontSize};\n  line-height: ${textTheme.lineHeight};\n  color: ${textTheme.color};\n  text-decoration: ${textTheme.textDecoration};\n  letter-spacing: ${textTheme.letterSpacing};\n`;\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,GAAG,CAAC,SAAqB,KAAK,GAAG,CAAA,CAAA,YAAA,EAC1C,SAAS,CAAC,UAAU,CAAA,YAAA,EACrB,SAAS,CAAC,SAAS,gBAClB,SAAS,CAAC,UAAU,CAAA,WAAA,EACtB,SAAS,CAAC,QAAQ,CAAA,aAAA,EAChB,SAAS,CAAC,UAAU,UAC1B,SAAS,CAAC,KAAK,CAAA,iBAAA,EACL,SAAS,CAAC,cAAc,CAAA,gBAAA,EACzB,SAAS,CAAC,aAAa;;;;"}

package/dist/utils/forms/inputStyles.d.ts

@@ -1,22 +0,0 @@
-import { FormComponentProps } from '../../components/types';
-/**
- * @deprecated
- * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss
- */
-export declare const inputFocusStyles: ({ hasError }: FormComponentProps) => import("styled-components").FlattenSimpleInterpolation;
-/**
- * @deprecated
- * use css modules instead
- */
-export declare const inputDisabledStyles: import("styled-components").FlattenSimpleInterpolation;
-/**
- *
- * @deprecated
- * use css modules instead
- */
-export declare const inputBaseStyles: ({ compact }: FormComponentProps) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FormComponentProps, any>>;
-/**
- * @deprecated
- * use css modules instead from src/utils/forms/form.module.scss
- */
-export declare const inputFullStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FormComponentProps, any>>;

package/dist/utils/forms/variables.d.ts

@@ -1,8 +0,0 @@
-import { FormComponentProps } from '../../components/types';
-/**
- *
- * @deprecated
- * use css modules instead from src/utils/forms/form.module.scss
- *
- */
-export declare const inputVariableStyles: ({ hasError, compact }: FormComponentProps) => import("styled-components").FlattenSimpleInterpolation;