@mjhls/mjh-framework 1.0.368 → 1.0.370
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/README.md +1 -1
- package/dist/cjs/index.js +12 -7
- package/dist/esm/index.js +12 -7
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -8932,7 +8932,12 @@ var Video = function Video(_ref) {
|
|
|
8932
8932
|
webkitallowfullscreen: 'true',
|
|
8933
8933
|
mozallowfullscreen: 'true',
|
|
8934
8934
|
style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
|
|
8935
|
-
})
|
|
8935
|
+
}),
|
|
8936
|
+
React__default.createElement(
|
|
8937
|
+
'style',
|
|
8938
|
+
{ jsx: 'true' },
|
|
8939
|
+
'\n .brightcove-playlist iframe {\n height: 100% !important;\n }\n '
|
|
8940
|
+
)
|
|
8936
8941
|
)
|
|
8937
8942
|
);
|
|
8938
8943
|
}
|
|
@@ -15199,7 +15204,8 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15199
15204
|
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
15200
15205
|
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
|
|
15201
15206
|
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
15202
|
-
}
|
|
15207
|
+
}
|
|
15208
|
+
if (props.thumbnail) {
|
|
15203
15209
|
topArticleThumbnail = props.thumbnail;
|
|
15204
15210
|
}
|
|
15205
15211
|
|
|
@@ -15222,7 +15228,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15222
15228
|
React__default.createElement(
|
|
15223
15229
|
'a',
|
|
15224
15230
|
{ href: '/view/' + topArticle.url.current, className: 'horizontal-hero-img' },
|
|
15225
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
15231
|
+
React__default.createElement('img', { style: { objectFit: props.imageSize ? props.imageSize : 'cover' }, src: topArticleThumbnail, alt: topArticleAltText })
|
|
15226
15232
|
),
|
|
15227
15233
|
React__default.createElement(
|
|
15228
15234
|
'div',
|
|
@@ -15255,21 +15261,20 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15255
15261
|
React__default.createElement(
|
|
15256
15262
|
'a',
|
|
15257
15263
|
{ href: props.linkTo },
|
|
15258
|
-
'View More
|
|
15259
|
-
heroTitle,
|
|
15264
|
+
props.linkTitle ? props.linkTitle : 'View More' + heroTitle,
|
|
15260
15265
|
' ',
|
|
15261
15266
|
' ',
|
|
15262
15267
|
React__default.createElement(
|
|
15263
15268
|
'span',
|
|
15264
15269
|
null,
|
|
15265
|
-
React__default.createElement(Ustream.FaLongArrowAltRight,
|
|
15270
|
+
React__default.createElement(Ustream.FaLongArrowAltRight, { color: 'var(--primary)' })
|
|
15266
15271
|
)
|
|
15267
15272
|
)
|
|
15268
15273
|
),
|
|
15269
15274
|
React__default.createElement(
|
|
15270
15275
|
'style',
|
|
15271
15276
|
{ jsx: 'true' },
|
|
15272
|
-
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right:
|
|
15277
|
+
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right: 1rem;\n font-weight: bold;\n }\n .horizontal-hero-inner {\n display: flex;\n flex-direction: row;\n padding-top: 0.75rem;\n margin-top: 0.75rem;\n }\n\n .horizontal-articles-wrap {\n padding: 0 1rem;\n flex-basis: 60%;\n }\n\n .horizontal-hero-img {\n flex-basis: 40%;\n }\n .horizontal-hero-img img {\n width: 100%;\n height: 100%;\n \n }\n .horizontal-article {\n border-bottom: 1px solid #ccc;\n display: block;\n margin-bottom: 0.5rem;\n }\n .horizontal-article:hover {\n background: #eee;\n }\n .horizontal-article p {\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n font-weight: bold;\n color: #252525;\n }\n .horizontal-view-more {\n position: absolute;\n right: 0;\n margin-top: 0.25rem;\n font-weight: bold;\n }\n .horizontal-view-more span {\n display: inline-block;\n color: rgb(81, 116, 153);\n font-size: 1.2rem;\n }\n @media screen and (max-width: 1191px){\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n \n @media screen and (max-width: 768px) {\n .horizontal-hero-img {\n display: none;\n }\n .horizontal-articles-wrap {\n \n flex-basis: 100%;\n }\n }\n @media screen and (max-width: 495px) {\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n '
|
|
15273
15278
|
)
|
|
15274
15279
|
);
|
|
15275
15280
|
};
|
package/dist/esm/index.js
CHANGED
|
@@ -8929,7 +8929,12 @@ var Video = function Video(_ref) {
|
|
|
8929
8929
|
webkitallowfullscreen: 'true',
|
|
8930
8930
|
mozallowfullscreen: 'true',
|
|
8931
8931
|
style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
|
|
8932
|
-
})
|
|
8932
|
+
}),
|
|
8933
|
+
React__default.createElement(
|
|
8934
|
+
'style',
|
|
8935
|
+
{ jsx: 'true' },
|
|
8936
|
+
'\n .brightcove-playlist iframe {\n height: 100% !important;\n }\n '
|
|
8937
|
+
)
|
|
8933
8938
|
)
|
|
8934
8939
|
);
|
|
8935
8940
|
}
|
|
@@ -15196,7 +15201,8 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15196
15201
|
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
15197
15202
|
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
|
|
15198
15203
|
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
15199
|
-
}
|
|
15204
|
+
}
|
|
15205
|
+
if (props.thumbnail) {
|
|
15200
15206
|
topArticleThumbnail = props.thumbnail;
|
|
15201
15207
|
}
|
|
15202
15208
|
|
|
@@ -15219,7 +15225,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15219
15225
|
React__default.createElement(
|
|
15220
15226
|
'a',
|
|
15221
15227
|
{ href: '/view/' + topArticle.url.current, className: 'horizontal-hero-img' },
|
|
15222
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
15228
|
+
React__default.createElement('img', { style: { objectFit: props.imageSize ? props.imageSize : 'cover' }, src: topArticleThumbnail, alt: topArticleAltText })
|
|
15223
15229
|
),
|
|
15224
15230
|
React__default.createElement(
|
|
15225
15231
|
'div',
|
|
@@ -15252,21 +15258,20 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15252
15258
|
React__default.createElement(
|
|
15253
15259
|
'a',
|
|
15254
15260
|
{ href: props.linkTo },
|
|
15255
|
-
'View More
|
|
15256
|
-
heroTitle,
|
|
15261
|
+
props.linkTitle ? props.linkTitle : 'View More' + heroTitle,
|
|
15257
15262
|
' ',
|
|
15258
15263
|
' ',
|
|
15259
15264
|
React__default.createElement(
|
|
15260
15265
|
'span',
|
|
15261
15266
|
null,
|
|
15262
|
-
React__default.createElement(FaLongArrowAltRight,
|
|
15267
|
+
React__default.createElement(FaLongArrowAltRight, { color: 'var(--primary)' })
|
|
15263
15268
|
)
|
|
15264
15269
|
)
|
|
15265
15270
|
),
|
|
15266
15271
|
React__default.createElement(
|
|
15267
15272
|
'style',
|
|
15268
15273
|
{ jsx: 'true' },
|
|
15269
|
-
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right:
|
|
15274
|
+
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right: 1rem;\n font-weight: bold;\n }\n .horizontal-hero-inner {\n display: flex;\n flex-direction: row;\n padding-top: 0.75rem;\n margin-top: 0.75rem;\n }\n\n .horizontal-articles-wrap {\n padding: 0 1rem;\n flex-basis: 60%;\n }\n\n .horizontal-hero-img {\n flex-basis: 40%;\n }\n .horizontal-hero-img img {\n width: 100%;\n height: 100%;\n \n }\n .horizontal-article {\n border-bottom: 1px solid #ccc;\n display: block;\n margin-bottom: 0.5rem;\n }\n .horizontal-article:hover {\n background: #eee;\n }\n .horizontal-article p {\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n font-weight: bold;\n color: #252525;\n }\n .horizontal-view-more {\n position: absolute;\n right: 0;\n margin-top: 0.25rem;\n font-weight: bold;\n }\n .horizontal-view-more span {\n display: inline-block;\n color: rgb(81, 116, 153);\n font-size: 1.2rem;\n }\n @media screen and (max-width: 1191px){\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n \n @media screen and (max-width: 768px) {\n .horizontal-hero-img {\n display: none;\n }\n .horizontal-articles-wrap {\n \n flex-basis: 100%;\n }\n }\n @media screen and (max-width: 495px) {\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n '
|
|
15270
15275
|
)
|
|
15271
15276
|
);
|
|
15272
15277
|
};
|