suada-components 1.4.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/{DailyMotion-QLITiLX6.js → DailyMotion-Cyo9mQyt.js} +1 -1
- package/dist/components/{DailyMotion-dJVL9e3H.esm.js → DailyMotion-MzOn9ju_.esm.js} +1 -1
- package/dist/components/{Facebook-oiv7CRN4.esm.js → Facebook-CJbuSY04.esm.js} +1 -1
- package/dist/components/{Facebook-DUSQsxT0.js → Facebook-CPs-Ms_X.js} +1 -1
- package/dist/components/{FilePlayer-B0iX_VuG.esm.js → FilePlayer-CQvxGYWG.esm.js} +1 -1
- package/dist/components/{FilePlayer-YziZ0BSF.js → FilePlayer-DNH6fpJi.js} +1 -1
- package/dist/components/FileUploader/FileUploader.stories.d.ts +16 -0
- package/dist/components/FileUploader/FileUploader.stories.js +15 -1
- package/dist/components/FileUploader/FileUploader.stories.js.map +1 -1
- package/dist/components/FileUploader/Uploader.d.ts +1 -1
- package/dist/components/FileUploader/Uploader.js +37 -36
- package/dist/components/FileUploader/Uploader.js.map +1 -1
- package/dist/components/FileUploader/styled-components.d.ts +11 -8
- package/dist/components/FileUploader/styled-components.js +27 -26
- package/dist/components/FileUploader/styled-components.js.map +1 -1
- package/dist/components/{Kaltura-uXGe7isE.js → Kaltura-CyreQk0X.js} +1 -1
- package/dist/components/{Kaltura-D84ZFqY1.esm.js → Kaltura-UmIP8SbX.esm.js} +1 -1
- package/dist/components/{Mixcloud-BTbWN-a0.esm.js → Mixcloud-CIGHRTPD.esm.js} +1 -1
- package/dist/components/{Mixcloud-D7KPYi8f.js → Mixcloud-DJ_299OT.js} +1 -1
- package/dist/components/{Mux-DRlgrJfr.js → Mux-BWxS553y.js} +1 -1
- package/dist/components/{Mux-s9nPEsa_.esm.js → Mux-CPaUZQah.esm.js} +1 -1
- package/dist/components/{Preview-C-BGR8lx.js → Preview-BO_4FDai.js} +1 -1
- package/dist/components/{Preview-rhSMz_hY.esm.js → Preview-CMj6CzdF.esm.js} +1 -1
- package/dist/components/{SoundCloud-DrNeCiTx.esm.js → SoundCloud-CFXXBy2Z.esm.js} +1 -1
- package/dist/components/{SoundCloud-B00ur_Qj.js → SoundCloud-CWfPIUXj.js} +1 -1
- package/dist/components/{Streamable-B-JUOMxP.js → Streamable-Dqtzhuip.js} +1 -1
- package/dist/components/{Streamable-Dffnss84.esm.js → Streamable-DrNjqXjt.esm.js} +1 -1
- package/dist/components/{Twitch-DSAnP3JT.js → Twitch-CJuQ6-kx.js} +1 -1
- package/dist/components/{Twitch-DvucdzzS.esm.js → Twitch-DjgALZAq.esm.js} +1 -1
- package/dist/components/VideoPlayer/Controls/Controls.js +9 -9
- package/dist/components/VideoPlayer/Controls/Controls.js.map +1 -1
- package/dist/components/VideoPlayer/Controls/Controls.styles.js +4 -4
- package/dist/components/VideoPlayer/Controls/Controls.styles.js.map +1 -1
- package/dist/components/VideoPlayer/Player.styles.js +1 -1
- package/dist/components/VideoPlayer/Player.styles.js.map +1 -1
- package/dist/components/{Vidyard-BFd5mrx4.js → Vidyard-BkuV0Ftd.js} +1 -1
- package/dist/components/{Vidyard--Qb_wLtp.esm.js → Vidyard-M-vpaxMt.esm.js} +1 -1
- package/dist/components/{Vimeo-CR7Tdpoi.esm.js → Vimeo-0VVg6nMH.esm.js} +1 -1
- package/dist/components/{Vimeo-CIc5nmCA.js → Vimeo-BCG247ek.js} +1 -1
- package/dist/components/{Wistia-QMqy-uQw.esm.js → Wistia-CEi72MTW.esm.js} +1 -1
- package/dist/components/{Wistia-CH6tXv5E.js → Wistia-D2KJJODu.js} +1 -1
- package/dist/components/{YouTube-kg1XVxyv.js → YouTube-Bko04PXB.js} +1 -1
- package/dist/components/{YouTube-yMeWWl4H.esm.js → YouTube-kQuElqJG.esm.js} +1 -1
- package/dist/components/components/FileUploader/Uploader.d.ts +1 -1
- package/dist/components/components/FileUploader/styled-components.d.ts +11 -8
- package/dist/components/{index-7zJZUuRi.esm.js → index-BYbdvIBD.esm.js} +245 -302
- package/dist/components/{index-CDSxMyXo.js → index-Cb05_mlX.js} +245 -302
- package/dist/components/index.esm.js +1 -1
- package/dist/icons/components/FileUploader/Uploader.d.ts +1 -1
- package/dist/icons/components/FileUploader/styled-components.d.ts +11 -8
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import styled from 'styled-components';
|
|
6
|
-
export var StyledControls = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n border-radius: 0px 0px 8px 8px;\n background:
|
|
6
|
+
export var StyledControls = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n border-radius: 0px 0px 8px 8px;\n background: rgba(86, 90, 98, 0.6);\n backdrop-filter: blur(4px);\n padding: 12px 16px;\n position: relative;\n opacity: 0.8;\n\n\n svg {\n cursor: pointer;\n\n @media screen and (max-width: 1500px) {\n width: 20px;\n height: 20px;\n }\n\n @media screen and (max-width: 1000px) {\n width: 16px;\n height: 16px;\n }\n }\n\n & > p {\n color: var(--neutral-colors-light);\n font-family: 'Poppins', sans-serif;\n ", "\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n border-radius: 0px 0px 8px 8px;\n background: rgba(86, 90, 98, 0.6);\n backdrop-filter: blur(4px);\n padding: 12px 16px;\n position: relative;\n opacity: 0.8;\n\n\n svg {\n cursor: pointer;\n\n @media screen and (max-width: 1500px) {\n width: 20px;\n height: 20px;\n }\n\n @media screen and (max-width: 1000px) {\n width: 16px;\n height: 16px;\n }\n }\n\n & > p {\n color: var(--neutral-colors-light);\n font-family: 'Poppins', sans-serif;\n ", "\n }\n"])), { fontStyle: 'descriptor' });
|
|
7
7
|
export var StyledSlider = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n height: 2px;\n border-radius: 5px;\n position: absolute;\n top: 0;\n left: 0;\n background: ", ";\n outline: none;\n -webkit-transition: 0.2s;\n transition: opacity 0.2s;\n cursor: pointer;\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--brand-colors-accent);\n cursor: pointer;\n }\n\n &::-moz-range-thumb {\n appearance: none;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--brand-colors-accent);\n cursor: pointer;\n }\n"], ["\n width: 100%;\n height: 2px;\n border-radius: 5px;\n position: absolute;\n top: 0;\n left: 0;\n background: ", ";\n outline: none;\n -webkit-transition: 0.2s;\n transition: opacity 0.2s;\n cursor: pointer;\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--brand-colors-accent);\n cursor: pointer;\n }\n\n &::-moz-range-thumb {\n appearance: none;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--brand-colors-accent);\n cursor: pointer;\n }\n"])), function (_a) {
|
|
8
8
|
var value = _a.value;
|
|
9
9
|
return "linear-gradient(\n to right,\n var(--brand-colors-accent) 0%,\n var(--brand-colors-accent) ".concat(value, "%,\n var(--level-dark-200) ").concat(value, "%,\n var(--level-dark-200) 100%\n )");
|
|
@@ -13,8 +13,8 @@ export var StyledVolumeSlider = styled.input(templateObject_4 || (templateObject
|
|
|
13
13
|
var value = _a.value;
|
|
14
14
|
return "linear-gradient(\n to right,\n var(--neutral-colors-light) 0%,\n var(--neutral-colors-light) ".concat(value, "%,\n var(--level-grey-500) ").concat(value, "%,\n var(--level-grey-500) 100%\n )");
|
|
15
15
|
});
|
|
16
|
-
export var StyledControllerLeft = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 16px;\n"], ["\n display: flex;\n align-items: center;\n gap: 16px;\n"])));
|
|
17
|
-
export var StyledControllerRight = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 16px;\n\n .skip-icon-disabled {\n cursor: default;\n\n & > path {\n fill: var(--level-dark-300);\n }\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 16px;\n\n .skip-icon-disabled {\n cursor: default;\n\n & > path {\n fill: var(--level-dark-300);\n }\n }\n"])));
|
|
16
|
+
export var StyledControllerLeft = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 16px;\n flex: 1;\n"], ["\n display: flex;\n align-items: center;\n gap: 16px;\n flex: 1;\n"])));
|
|
17
|
+
export var StyledControllerRight = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n\n .skip-icon-disabled {\n cursor: default;\n\n & > path {\n fill: var(--level-dark-300);\n }\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n\n .skip-icon-disabled {\n cursor: default;\n\n & > path {\n fill: var(--level-dark-300);\n }\n }\n"])));
|
|
18
18
|
export var StyledTimeTrack = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: #FFFFFF;\n ", "\n text-align: right;\n white-space: nowrap;\n"], ["\n color: #FFFFFF;\n ", "\n text-align: right;\n white-space: nowrap;\n"])), { fontStyle: 'descriptor' });
|
|
19
19
|
export var StyledHeartIconContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"])));
|
|
20
20
|
export var StyledDownloadIconContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg {\n width: 24px !important;\n height: 24px !important;\n \n @media screen and (max-width: 1500px) {\n width: 20px !important;\n height: 20px !important;\n }\n\n @media screen and (max-width: 1000px) {\n width: 16px !important;\n height: 16px !important;\n }\n }\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg {\n width: 24px !important;\n height: 24px !important;\n \n @media screen and (max-width: 1500px) {\n width: 20px !important;\n height: 20px !important;\n }\n\n @media screen and (max-width: 1000px) {\n width: 16px !important;\n height: 16px !important;\n }\n }\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"])));
|
|
@@ -22,6 +22,6 @@ export var StyledSubtitlesIconContainer = styled.div(templateObject_10 || (templ
|
|
|
22
22
|
export var StyledFullscreenIconContainer = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"])));
|
|
23
23
|
export var StyledVolumeIconContainer = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"])));
|
|
24
24
|
export var StyledPlayPauseIconContainer = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"])));
|
|
25
|
-
export var StyledRewindIconContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"])));
|
|
25
|
+
export var StyledRewindIconContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n \n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n \n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"])));
|
|
26
26
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
27
27
|
//# sourceMappingURL=Controls.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Controls.styles.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Controls.styles.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6qBAAA,+lBA+BlC,EAA2B,SAEhC,KAFK,EAAE,SAAS,EAAE,YAAY,EAAE,CAEhC,CAAA;AAMD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,orBAAa,uHAOrC,EAOZ,wfAwBH,KA/Be,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,8GAG6B,KAAK,2CACV,KAAK,4CAE7B;AANA,CAMA,CAwBH,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,wUAAA,qQAmB5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,6rBAAa,0EAI3C,EAOZ,8iBA0BH,KAjCe,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,gHAG8B,KAAK,2CACX,KAAK,4CAE7B;AANA,CAMA,CA0BH,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,2IAAA,wEAK7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,qQAAA,kMAa9C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,gJAAA,yBAErC,EAA2B,kDAG9B,KAHG,EAAE,SAAS,EAAE,YAAY,EAAE,CAG9B,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,4TAAA,yPAcjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,ynBAAA,sjBA6BpD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,8TAAA,yPAcrD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,8TAAA,yPActD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,8TAAA,yPAclD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,8TAAA,yPAcrD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAelD,IAAA,CAAA"}
|
|
@@ -8,7 +8,7 @@ export var StyledWrapper = styled.div(templateObject_2 || (templateObject_2 = __
|
|
|
8
8
|
export var StyledPlayerLoader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n background: #e7e9ed;\n display: flex;\n align-items: center;\n top: 0;\n bottom: 0;\n margin: auto 0;\n color: var(--neutral-colors-light);\n justify-content: center;\n z-index: 5;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n background: #e7e9ed;\n display: flex;\n align-items: center;\n top: 0;\n bottom: 0;\n margin: auto 0;\n color: var(--neutral-colors-light);\n justify-content: center;\n z-index: 5;\n"])));
|
|
9
9
|
var rotate = keyframes(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
10
10
|
export var StyledLoader = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 60px auto;\n font-size: 10px;\n position: relative;\n text-indent: -9999em;\n border-top: 3px solid var(--neutral-colors-light);\n border-right: 3px solid var(--neutral-colors-light);\n border-bottom: 3px solid var(--neutral-colors-light);\n border-left: 3px solid var(--brand-colors-accent);\n transform: translateZ(0);\n animation: ", " 1.1s infinite linear;\n border-radius: 50%;\n width: 46px;\n height: 46px;\n\n &:after {\n border-radius: 50%;\n width: 46px;\n height: 46px;\n }\n"], ["\n margin: 60px auto;\n font-size: 10px;\n position: relative;\n text-indent: -9999em;\n border-top: 3px solid var(--neutral-colors-light);\n border-right: 3px solid var(--neutral-colors-light);\n border-bottom: 3px solid var(--neutral-colors-light);\n border-left: 3px solid var(--brand-colors-accent);\n transform: translateZ(0);\n animation: ", " 1.1s infinite linear;\n border-radius: 50%;\n width: 46px;\n height: 46px;\n\n &:after {\n border-radius: 50%;\n width: 46px;\n height: 46px;\n }\n"])), rotate);
|
|
11
|
-
export var StyledControlsContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: flex-end;\n position: absolute;\n flex-direction: column;\n left: 0;\n bottom: 0;\n z-index: 2;\n"], ["\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: flex-end;\n position: absolute;\n flex-direction: column;\n left: 0;\n bottom: 0;\n z-index: 2;\n"])));
|
|
11
|
+
export var StyledControlsContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: flex-end;\n position: absolute;\n flex-direction: column;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 2;\n"], ["\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: flex-end;\n position: absolute;\n flex-direction: column;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 2;\n"])));
|
|
12
12
|
export var StyledSubtitles = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: rgba(2, 2, 16, 0.32);\n color: #fff;\n font-family: 'Open Sans', sans-serif;\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n padding: 8px;\n position: absolute;\n z-index: 100;\n bottom: ", ";\n right: 0;\n left: 0;\n width: fit-content;\n margin: 0 auto;\n max-width: 80%;\n width: fit-content;\n"], ["\n background-color: rgba(2, 2, 16, 0.32);\n color: #fff;\n font-family: 'Open Sans', sans-serif;\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n padding: 8px;\n position: absolute;\n z-index: 100;\n bottom: ", ";\n right: 0;\n left: 0;\n width: fit-content;\n margin: 0 auto;\n max-width: 80%;\n width: fit-content;\n"])), function (_a) {
|
|
13
13
|
var $controls = _a.$controls;
|
|
14
14
|
return ($controls ? '60px' : '10px');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Player.styles.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,ghBAAA,6cAwBjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wWAAA,qMAa/B,EAAwB,8FAO/B,KAPO,wBAAwB,CAO/B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,sVAAA,mRAc3C,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,SAAS,iKAAA,8FAOvB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,8kBAAA,qWAUvB,EAAM,oKAUpB,KAVc,MAAM,CAUpB,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Player.styles.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,ghBAAA,6cAwBjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wWAAA,qMAa/B,EAAwB,8FAO/B,KAPO,wBAAwB,CAO/B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,sVAAA,mRAc3C,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,SAAS,iKAAA,8FAOvB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,8kBAAA,qWAUvB,EAAM,oKAUpB,KAVc,MAAM,CAUpB,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,mQAAA,gMAWhD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,wbAAwB,iQAWrD,EAAwD,kHAOnE,KAPW,UAAC,EAAa;QAAX,SAAS,eAAA;IAAe,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AAA7B,CAA6B,CAOnE,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,i1EA6FlC,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,IAAM,iBAAiB,GAAG;QACxB,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;QACpE,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,MAAM,EAAE,CAAA;QACxB,CAAC;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC7C,KAAK,CAAC,EAAE,GAAG,qBAAqB,CAAA;QAChC,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAA;QACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,iBAAiB,EAAE,CAAA;IAEnB,0BAA0B;IAC1B,OAAO;QACL,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;QACpE,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,MAAM,EAAE,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BYbdvIBD.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BYbdvIBD.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BYbdvIBD.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BYbdvIBD.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IUploaderProps } from './uploader.interface';
|
|
3
|
-
export declare const Uploader: ({ type, uploadedFile, label, inputValue, onInputChange, onFileChange, disabled, loading, deleteFile, id, accept, name, multiple,
|
|
3
|
+
export declare const Uploader: ({ type, uploadedFile, label, inputValue, onInputChange, onFileChange, disabled, loading, deleteFile, id, accept, name, multiple, fileExtension, error, required, }: IUploaderProps) => ReactElement;
|
|
@@ -6,11 +6,7 @@ export declare const FileUploaderHeader: import("styled-components/dist/types").
|
|
|
6
6
|
export declare const FileUploaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
7
|
export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
8
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
-
export declare const ItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
12
|
-
width: string;
|
|
13
|
-
}>> & string;
|
|
9
|
+
export declare const ItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
10
|
export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
11
|
export declare const CancelButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
16
12
|
top?: string;
|
|
@@ -19,9 +15,7 @@ export declare const CancelButton: import("styled-components/dist/types").IStyle
|
|
|
19
15
|
export declare const InputFileContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
20
16
|
export declare const UploadInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
21
17
|
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
|
-
export declare const ImagePlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components
|
|
23
|
-
height?: number;
|
|
24
|
-
}>> & string;
|
|
18
|
+
export declare const ImagePlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
25
19
|
export declare const InputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
26
20
|
export declare const ButtonInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
27
21
|
export declare const FileUploadButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -35,3 +29,12 @@ export declare const CircularProgressStyles: {
|
|
|
35
29
|
export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
|
|
36
30
|
$required?: boolean;
|
|
37
31
|
}>> & string;
|
|
32
|
+
export declare const ErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
33
|
+
export declare const styles: {
|
|
34
|
+
thumbnail: {
|
|
35
|
+
width: string;
|
|
36
|
+
height: string;
|
|
37
|
+
borderRadius: string;
|
|
38
|
+
padding: string;
|
|
39
|
+
};
|
|
40
|
+
};
|