@secondstaxorg/sscomp 2.0.82 → 2.0.83
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/index.es.js +35 -20
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +35 -10
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +83 -68
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/VideoCard/VideoCard.d.ts +1 -1
- package/types/components/VideoCard/type.d.ts +8 -0
package/dist/index.js
CHANGED
|
@@ -38955,6 +38955,21 @@ const Card = styled.div`
|
|
|
38955
38955
|
background: ${theme.colors["neutral-50"]};
|
|
38956
38956
|
border-radius: 8px;
|
|
38957
38957
|
padding: 8px;
|
|
38958
|
+
display: flex;
|
|
38959
|
+
align-items: center;
|
|
38960
|
+
gap: 8px;
|
|
38961
|
+
}
|
|
38962
|
+
|
|
38963
|
+
.divider{
|
|
38964
|
+
background: ${theme.colors["neutral-300"]};
|
|
38965
|
+
width: 1px;
|
|
38966
|
+
height: 100%;
|
|
38967
|
+
}
|
|
38968
|
+
|
|
38969
|
+
.video-source-info{
|
|
38970
|
+
display: flex;
|
|
38971
|
+
gap: 4px;
|
|
38972
|
+
align-items: center;
|
|
38958
38973
|
}
|
|
38959
38974
|
|
|
38960
38975
|
.video-title p {
|
|
@@ -38971,28 +38986,38 @@ const _jsxFileName = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\componen
|
|
|
38971
38986
|
* Card to display thumbnail image and title of a video with a link to the page that hosts the actual video.<br>
|
|
38972
38987
|
* This is not a video player, hence will not play the video
|
|
38973
38988
|
*/
|
|
38974
|
-
const VideoCard = ({date,onClick,thumbnailUrl,videoTitle}) => {
|
|
38989
|
+
const VideoCard = ({date, onClick, thumbnailUrl, videoTitle, source, sourceLogo}) => {
|
|
38975
38990
|
return (
|
|
38976
38991
|
React$1.createElement(React$1.Fragment, null
|
|
38977
38992
|
, React$1.createElement('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}, customCSS)
|
|
38978
38993
|
, React$1.createElement(Card, { onClick: onClick, role: "button", className: "vc-container", 'aria-label': videoTitle, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}
|
|
38979
38994
|
, React$1.createElement('div', { className: "card-body", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 15}}
|
|
38980
|
-
, React$1.createElement('div', { className: "video-thumbnail", style: {backgroundImage
|
|
38995
|
+
, React$1.createElement('div', { className: "video-thumbnail", style: {backgroundImage: `url(${thumbnailUrl})`}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 16}}
|
|
38981
38996
|
, React$1.createElement('div', { className: "label", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 17}}
|
|
38982
|
-
, React$1.createElement('svg', { width: "16", height: "17", viewBox: "0 0 16 17" , fill: "none",
|
|
38997
|
+
, React$1.createElement('svg', { width: "16", height: "17", viewBox: "0 0 16 17" , fill: "none",
|
|
38998
|
+
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
|
|
38983
38999
|
, React$1.createElement('path', {
|
|
38984
39000
|
d: "M12.3601 6.50001L5.92014 2.80667C5.57167 2.60545 5.17614 2.50003 4.77374 2.50114C4.37134 2.50224 3.97639 2.60983 3.62903 2.81297C3.28166 3.0161 2.99425 3.30756 2.79597 3.65773C2.5977 4.00789 2.49563 4.4043 2.50014 4.80667V12.22C2.50014 12.8247 2.74036 13.4046 3.16794 13.8322C3.59552 14.2598 4.17545 14.5 4.78014 14.5C5.18043 14.4993 5.57353 14.3936 5.92014 14.1933L12.3601 10.5C12.7062 10.2997 12.9935 10.012 13.1932 9.66563C13.3929 9.31928 13.4981 8.92649 13.4981 8.52667C13.4981 8.12686 13.3929 7.73407 13.1932 7.38772C12.9935 7.04136 12.7062 6.75361 12.3601 6.55334V6.50001ZM11.6935 9.29334L5.25348 13.04C5.10913 13.1218 4.94605 13.1648 4.78014 13.1648C4.61423 13.1648 4.45115 13.1218 4.30681 13.04C4.16287 12.9569 4.04335 12.8374 3.96027 12.6934C3.87718 12.5495 3.83345 12.3862 3.83348 12.22V4.78001C3.83345 4.61381 3.87718 4.45052 3.96027 4.30658C4.04335 4.16264 4.16287 4.04311 4.30681 3.96001C4.45175 3.87944 4.61434 3.83593 4.78014 3.83334C4.94583 3.83674 5.10823 3.8802 5.25348 3.96001L11.6935 7.68001C11.8375 7.76307 11.957 7.88259 12.0402 8.02653C12.1233 8.17048 12.1671 8.33378 12.1671 8.50001C12.1671 8.66624 12.1233 8.82954 12.0402 8.97348C11.957 9.11743 11.8375 9.23694 11.6935 9.32001V9.29334Z" ,
|
|
38985
|
-
fill: "currentColor", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39001
|
+
fill: "currentColor", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 20}})
|
|
38986
39002
|
)
|
|
38987
|
-
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39003
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 24}}, "Video")
|
|
38988
39004
|
)
|
|
38989
39005
|
)
|
|
38990
|
-
, React$1.createElement('div', { className: "video-details", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
38991
|
-
, React$1.createElement('div', { className: "date", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
38992
|
-
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39006
|
+
, React$1.createElement('div', { className: "video-details", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 27}}
|
|
39007
|
+
, React$1.createElement('div', { className: "date", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 28}}
|
|
39008
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 29}}, dayjs(date).format('MMM D, YYYY'))
|
|
39009
|
+
, source &&
|
|
39010
|
+
React$1.createElement(React$1.Fragment, null
|
|
39011
|
+
, React$1.createElement('div', { className: "divider", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 32}})
|
|
39012
|
+
, React$1.createElement('div', { className: "video-source-info", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 33}}
|
|
39013
|
+
, sourceLogo && React$1.createElement('img', { src: sourceLogo, alt: "", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 34}})
|
|
39014
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 35}}, source)
|
|
39015
|
+
)
|
|
39016
|
+
)
|
|
39017
|
+
|
|
38993
39018
|
)
|
|
38994
|
-
, React$1.createElement('div', { className: "video-title", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
38995
|
-
, React$1.createElement('p', { className: "subheadingRegular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39019
|
+
, React$1.createElement('div', { className: "video-title", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 40}}
|
|
39020
|
+
, React$1.createElement('p', { className: "subheadingRegular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 41}}, videoTitle)
|
|
38996
39021
|
)
|
|
38997
39022
|
)
|
|
38998
39023
|
)
|