@times-design-system/components-react 1.1.1-alpha.0 → 1.1.2-alpha.2
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 +0 -1
- package/dist/index.cjs +0 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +0 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +63 -142
- package/package.json +2 -12
- package/dist/Article/ArticleMetaContainer/ArticleMetaContainer.d.ts +0 -8
- package/dist/Article/UpNextArticles/UpNextArticles.d.ts +0 -13
- package/dist/Article/UpNextArticles.cjs +0 -63
- package/dist/Article/UpNextArticles.cjs.map +0 -1
- package/dist/Article/UpNextArticles.js +0 -61
- package/dist/Article/UpNextArticles.js.map +0 -1
- package/dist/CommentsDisabled/CommentsDisabled.cjs +0 -47
- package/dist/CommentsDisabled/CommentsDisabled.cjs.map +0 -1
- package/dist/CommentsDisabled/CommentsDisabled.d.ts +0 -10
- package/dist/CommentsDisabled/CommentsDisabled.js +0 -45
- package/dist/CommentsDisabled/CommentsDisabled.js.map +0 -1
package/README.md
CHANGED
|
@@ -53,7 +53,6 @@ import { IconButton } from '@times-design-system/components-react/IconButton';
|
|
|
53
53
|
- **Icon** - Icon rendering with design system icon library
|
|
54
54
|
- **AdContainer** - Container for ad placement
|
|
55
55
|
- **CommentsDisabled** - Comments disabled state component
|
|
56
|
-
- **Article** - Article-specific components (UpNextArticles)
|
|
57
56
|
|
|
58
57
|
## Component Examples
|
|
59
58
|
|
package/dist/index.cjs
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
var Button_Button = require('./Button/Button.cjs');
|
|
4
4
|
var IconButton_IconButton = require('./IconButton/IconButton.cjs');
|
|
5
5
|
var AdContainer_AdContainer = require('./AdContainer/AdContainer.cjs');
|
|
6
|
-
var CommentsDisabled_CommentsDisabled = require('./CommentsDisabled/CommentsDisabled.cjs');
|
|
7
6
|
var Text_Text = require('./Text/Text.cjs');
|
|
8
7
|
var Input_Input = require('./Input/Input.cjs');
|
|
9
8
|
var Divider_Divider = require('./Divider/Divider.cjs');
|
|
@@ -11,7 +10,6 @@ var Link_Link = require('./Link/Link.cjs');
|
|
|
11
10
|
var Chip_Chip = require('./Chip/Chip.cjs');
|
|
12
11
|
var Flag_Flag = require('./Flag/Flag.cjs');
|
|
13
12
|
var Toast_Toast = require('./Toast/Toast.cjs');
|
|
14
|
-
var Article_UpNextArticles = require('./Article/UpNextArticles.cjs');
|
|
15
13
|
var utils_hooks = require('./utils/hooks.cjs');
|
|
16
14
|
require('react');
|
|
17
15
|
require('./Button/ButtonContainer.cjs');
|
|
@@ -25,7 +23,6 @@ require('./shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
|
|
|
25
23
|
exports.Button = Button_Button.Button;
|
|
26
24
|
exports.IconButton = IconButton_IconButton.IconButton;
|
|
27
25
|
exports.AdContainer = AdContainer_AdContainer.AdContainer;
|
|
28
|
-
exports.CommentsDisabled = CommentsDisabled_CommentsDisabled.CommentsDisabled;
|
|
29
26
|
exports.Text = Text_Text.Text;
|
|
30
27
|
exports.Input = Input_Input.Input;
|
|
31
28
|
exports.Divider = Divider_Divider.Divider;
|
|
@@ -33,6 +30,5 @@ exports.Link = Link_Link.Link;
|
|
|
33
30
|
exports.Chip = Chip_Chip.Chip;
|
|
34
31
|
exports.Flag = Flag_Flag.Flag;
|
|
35
32
|
exports.Toast = Toast_Toast.Toast;
|
|
36
|
-
exports.UpNextArticles = Article_UpNextArticles.UpNextArticles;
|
|
37
33
|
exports.useTypographyToken = utils_hooks.useTypographyToken;
|
|
38
34
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export { Button } from './Button/Button.js';
|
|
2
2
|
export { IconButton } from './IconButton/IconButton.js';
|
|
3
3
|
export { AdContainer } from './AdContainer/AdContainer.js';
|
|
4
|
-
export { CommentsDisabled } from './CommentsDisabled/CommentsDisabled.js';
|
|
5
4
|
export { Text } from './Text/Text.js';
|
|
6
5
|
export { Input } from './Input/Input.js';
|
|
7
6
|
export { Divider } from './Divider/Divider.js';
|
|
@@ -9,7 +8,6 @@ export { Link } from './Link/Link.js';
|
|
|
9
8
|
export { Chip } from './Chip/Chip.js';
|
|
10
9
|
export { Flag } from './Flag/Flag.js';
|
|
11
10
|
export { Toast } from './Toast/Toast.js';
|
|
12
|
-
export { UpNextArticles } from './Article/UpNextArticles.js';
|
|
13
11
|
export { useTypographyToken } from './utils/hooks.js';
|
|
14
12
|
import 'react';
|
|
15
13
|
import './Button/ButtonContainer.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
|
package/dist/styles.css
CHANGED
|
@@ -1,151 +1,72 @@
|
|
|
1
|
-
|
|
2
|
-
width: 100%;
|
|
3
|
-
background-color: rgb(29, 29, 27);
|
|
4
|
-
position: relative;
|
|
5
|
-
}
|
|
6
|
-
.video-article-container .video-article-up-next * {
|
|
7
|
-
width: 100%;
|
|
8
|
-
}
|
|
9
|
-
@media (min-width: 1024px) {
|
|
10
|
-
.video-article-container .video-article-up-next {
|
|
11
|
-
background-color: unset;
|
|
12
|
-
flex-shrink: 0;
|
|
13
|
-
width: 220px;
|
|
14
|
-
order: 0;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
@media (min-width: 1320px) {
|
|
18
|
-
.video-article-container .video-article-up-next {
|
|
19
|
-
width: 270px;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
.video-article-container .video-article-up-next .vertical-divider {
|
|
23
|
-
display: none;
|
|
24
|
-
}
|
|
25
|
-
@media (min-width: 768px) {
|
|
26
|
-
.video-article-container .video-article-up-next .vertical-divider {
|
|
27
|
-
position: absolute;
|
|
28
|
-
display: block;
|
|
29
|
-
height: 100%;
|
|
30
|
-
width: var(--spacing-01);
|
|
31
|
-
background-color: #222;
|
|
32
|
-
margin: 0 var(--spacing-14);
|
|
33
|
-
left: calc(-1 * var(--spacing-17));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
1
|
+
@import 'animate.css';
|
|
36
2
|
|
|
37
|
-
.
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
overflow: hidden;
|
|
55
|
-
background-color: #333;
|
|
56
|
-
}
|
|
57
|
-
.up-next-articles-container .up-next-article-image picture {
|
|
58
|
-
display: block;
|
|
59
|
-
position: absolute;
|
|
60
|
-
top: 0;
|
|
61
|
-
left: 0;
|
|
62
|
-
width: 100%;
|
|
63
|
-
}
|
|
64
|
-
.up-next-articles-container .up-next-article-image img {
|
|
65
|
-
max-width: 100%;
|
|
66
|
-
}
|
|
67
|
-
.up-next-articles-container .up-next-articles-overlay {
|
|
68
|
-
display: none;
|
|
69
|
-
}
|
|
70
|
-
@media (max-width: 1023px) {
|
|
71
|
-
.up-next-articles-container .up-next-articles-overlay {
|
|
72
|
-
position: absolute;
|
|
73
|
-
top: 0;
|
|
74
|
-
right: 0;
|
|
75
|
-
height: 100%;
|
|
76
|
-
width: 75px;
|
|
77
|
-
z-index: 1;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
.up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-left {
|
|
81
|
-
left: 0;
|
|
82
|
-
background-image: linear-gradient(to right, rgb(29, 29, 27), transparent);
|
|
83
|
-
}
|
|
84
|
-
.up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-right {
|
|
85
|
-
right: 0;
|
|
86
|
-
background-image: linear-gradient(to left, rgb(29, 29, 27), transparent);
|
|
87
|
-
}
|
|
88
|
-
.up-next-articles-container.show-left-overlay .up-next-articles-overlay-left, .up-next-articles-container.show-right-overlay .up-next-articles-overlay-right {
|
|
89
|
-
display: flex;
|
|
90
|
-
}
|
|
91
|
-
.up-next-articles-container .up-next-articles-scroll {
|
|
92
|
-
overflow-x: auto;
|
|
93
|
-
position: relative;
|
|
94
|
-
scrollbar-width: none;
|
|
95
|
-
}
|
|
96
|
-
.up-next-articles-container .up-next-articles {
|
|
97
|
-
display: grid;
|
|
98
|
-
grid-template-columns: repeat(4, minmax(156px, 1fr));
|
|
99
|
-
-moz-column-gap: var(--spacing-13);
|
|
100
|
-
column-gap: var(--spacing-13);
|
|
101
|
-
}
|
|
102
|
-
@media (min-width: 1024px) {
|
|
103
|
-
.up-next-articles-container .up-next-articles {
|
|
104
|
-
gap: var(--spacing-13) 0;
|
|
105
|
-
grid-template-columns: 1fr;
|
|
106
|
-
}
|
|
3
|
+
.tds-toast {
|
|
4
|
+
--tds-toast-fill: var(--toast-fill-success, #22724f);
|
|
5
|
+
--tds-toast-text: var(--toast-text-success, #ffffff);
|
|
6
|
+
--tds-toast-link: var(--toast-link-success-default, #ffffff);
|
|
7
|
+
--animate-duration: 180ms;
|
|
8
|
+
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
gap: var(--spacing-07);
|
|
12
|
+
width: 373px;
|
|
13
|
+
min-height: var(--spacing-18);
|
|
14
|
+
padding: var(--spacing-07) var(--spacing-09);
|
|
15
|
+
border-radius: 4px;
|
|
16
|
+
background: var(--tds-toast-fill);
|
|
17
|
+
color: var(--tds-toast-text);
|
|
18
|
+
box-shadow: 0 16px 24px 0 rgb(0 0 0 / 8%);
|
|
19
|
+
box-sizing: border-box;
|
|
107
20
|
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
21
|
+
|
|
22
|
+
.tds-toast__icon {
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
flex: 0 0 auto;
|
|
27
|
+
color: var(--tds-toast-text);
|
|
113
28
|
}
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
29
|
+
|
|
30
|
+
.tds-toast__label {
|
|
31
|
+
flex: 1 1 auto;
|
|
32
|
+
min-width: 0;
|
|
33
|
+
font-family: var(--fontFamily040, sans-serif);
|
|
34
|
+
font-size: var(--fontSize030, 1rem);
|
|
35
|
+
line-height: var(--fontLineHeight040, 1.5);
|
|
36
|
+
font-weight: var(--fontWeight040, 400);
|
|
122
37
|
}
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
38
|
+
|
|
39
|
+
.tds-toast__link {
|
|
40
|
+
flex: 0 0 auto;
|
|
41
|
+
font-family: var(--fontFamily040, sans-serif);
|
|
42
|
+
font-size: var(--fontSize030, 1rem);
|
|
43
|
+
line-height: var(--fontLineHeight040, 1.5);
|
|
44
|
+
font-weight: var(--fontWeight070, 700);
|
|
45
|
+
text-decoration: underline;
|
|
46
|
+
color: var(--tds-toast-link);
|
|
47
|
+
cursor: pointer;
|
|
130
48
|
}
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
49
|
+
|
|
50
|
+
.tds-toast--intent-success {
|
|
51
|
+
--tds-toast-fill: var(--toast-fill-success, #22724f);
|
|
52
|
+
--tds-toast-text: var(--toast-text-success, #ffffff);
|
|
53
|
+
--tds-toast-link: var(--toast-link-success-default, #ffffff);
|
|
134
54
|
}
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
55
|
+
|
|
56
|
+
.tds-toast--intent-info {
|
|
57
|
+
--tds-toast-fill: var(--toast-fill-info, #0a3472);
|
|
58
|
+
--tds-toast-text: var(--toast-text-info, #ffffff);
|
|
59
|
+
--tds-toast-link: var(--toast-link-info-default, #ffffff);
|
|
140
60
|
}
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
|
|
147
|
-
z-index: 1;
|
|
61
|
+
|
|
62
|
+
.tds-toast--intent-warning {
|
|
63
|
+
--tds-toast-fill: var(--toast-fill-warning, #e49307);
|
|
64
|
+
--tds-toast-text: var(--toast-text-warning, #000000);
|
|
65
|
+
--tds-toast-link: var(--toast-link-warning-default, #000000);
|
|
148
66
|
}
|
|
149
|
-
|
|
150
|
-
|
|
67
|
+
|
|
68
|
+
.tds-toast--intent-error {
|
|
69
|
+
--tds-toast-fill: var(--toast-fill-error, #cb0705);
|
|
70
|
+
--tds-toast-text: var(--toast-text-error, #ffffff);
|
|
71
|
+
--tds-toast-link: var(--toast-link-error-default, #ffffff);
|
|
151
72
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-design-system/components-react",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2-alpha.2+201ed7aa",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Times Design System components",
|
|
6
6
|
"keywords": [
|
|
@@ -34,11 +34,6 @@
|
|
|
34
34
|
"require": "./dist/AdContainer/AdContainer.cjs",
|
|
35
35
|
"types": "./dist/AdContainer/AdContainer.d.ts"
|
|
36
36
|
},
|
|
37
|
-
"./CommentsDisabled": {
|
|
38
|
-
"import": "./dist/CommentsDisabled/CommentsDisabled.js",
|
|
39
|
-
"require": "./dist/CommentsDisabled/CommentsDisabled.cjs",
|
|
40
|
-
"types": "./dist/CommentsDisabled/CommentsDisabled.d.ts"
|
|
41
|
-
},
|
|
42
37
|
"./Text": {
|
|
43
38
|
"import": "./dist/Text/Text.js",
|
|
44
39
|
"require": "./dist/Text/Text.cjs",
|
|
@@ -79,11 +74,6 @@
|
|
|
79
74
|
"require": "./dist/Icon/Icon.cjs",
|
|
80
75
|
"types": "./dist/Icon/Icon.d.ts"
|
|
81
76
|
},
|
|
82
|
-
"./Article": {
|
|
83
|
-
"import": "./dist/Article/UpNextArticles.js",
|
|
84
|
-
"require": "./dist/Article/UpNextArticles.cjs",
|
|
85
|
-
"types": "./dist/Article/UpNextArticles.d.ts"
|
|
86
|
-
},
|
|
87
77
|
"./utils": {
|
|
88
78
|
"import": "./dist/utils/hooks.js",
|
|
89
79
|
"require": "./dist/utils/hooks.cjs",
|
|
@@ -126,5 +116,5 @@
|
|
|
126
116
|
"postcss": "^8.4.31",
|
|
127
117
|
"typescript": "^5.0.0"
|
|
128
118
|
},
|
|
129
|
-
"gitHead": "
|
|
119
|
+
"gitHead": "201ed7aaa54d2ce981dd2c1559b10e60e0370df8"
|
|
130
120
|
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './styles.css';
|
|
3
|
-
interface UpNextArticlesProps {
|
|
4
|
-
upNextArticles: {
|
|
5
|
-
url: string;
|
|
6
|
-
headline: string;
|
|
7
|
-
duration?: string;
|
|
8
|
-
thumbnail: string;
|
|
9
|
-
}[];
|
|
10
|
-
}
|
|
11
|
-
/** Primary UpNextArticles UI component for user interaction */
|
|
12
|
-
export declare const UpNextArticles: React.FC<UpNextArticlesProps>;
|
|
13
|
-
export {};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var Text_Text = require('../Text/Text.cjs');
|
|
5
|
-
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
|
|
6
|
-
require('../shared/cn-CPfjOlzZ.cjs');
|
|
7
|
-
|
|
8
|
-
var css_248z = ".video-article-container .video-article-up-next{background-color:#1d1d1b;position:relative;width:100%}.video-article-container .video-article-up-next *{width:100%}@media (min-width:1024px){.video-article-container .video-article-up-next{background-color:unset;flex-shrink:0;order:0;width:220px}}@media (min-width:1320px){.video-article-container .video-article-up-next{width:270px}}.video-article-container .video-article-up-next .vertical-divider{display:none}@media (min-width:768px){.video-article-container .video-article-up-next .vertical-divider{background-color:#222;display:block;height:100%;left:calc(var(--spacing-17)*-1);margin:0 var(--spacing-14);position:absolute;width:var(--spacing-01)}}.up-next-articles-container{padding:var(--spacing-09);position:relative}@media (min-width:768px){.up-next-articles-container{padding:var(--spacing-13)}}@media (min-width:1024px){.up-next-articles-container{padding:0}}.up-next-articles-container .up-next-article-image{background-color:#333;overflow:hidden;padding-bottom:56.25%;position:relative}.up-next-articles-container .up-next-article-image picture{display:block;left:0;position:absolute;top:0;width:100%}.up-next-articles-container .up-next-article-image img{max-width:100%}.up-next-articles-container .up-next-articles-overlay{display:none}@media (max-width:1023px){.up-next-articles-container .up-next-articles-overlay{height:100%;position:absolute;right:0;top:0;width:75px;z-index:1}}.up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-left{background-image:linear-gradient(90deg,#1d1d1b,transparent);left:0}.up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-right{background-image:linear-gradient(270deg,#1d1d1b,transparent);right:0}.up-next-articles-container.show-left-overlay .up-next-articles-overlay-left,.up-next-articles-container.show-right-overlay .up-next-articles-overlay-right{display:flex}.up-next-articles-container .up-next-articles-scroll{overflow-x:auto;position:relative;scrollbar-width:none}.up-next-articles-container .up-next-articles{-moz-column-gap:var(--spacing-13);column-gap:var(--spacing-13);display:grid;grid-template-columns:repeat(4,minmax(156px,1fr))}@media (min-width:1024px){.up-next-articles-container .up-next-articles{gap:var(--spacing-13) 0;grid-template-columns:1fr}}.up-next-articles-container .up-next-articles .up-next-article{display:flex;flex-direction:column;gap:var(--spacing-03);position:relative}.up-next-articles-container .up-next-articles .up-next-article:not(:last-child):after{background-color:#222;content:\"\";height:100%;position:absolute;right:calc(var(--spacing-05)*-1);width:var(--spacing-01);z-index:1}@media (min-width:1024px){.up-next-articles-container .up-next-articles .up-next-article:not(:last-child):after{bottom:calc(var(--spacing-05)*-1);height:var(--spacing-01);left:0;width:100%}}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container{margin-bottom:var(--spacing-09);position:relative}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-duration{bottom:0;left:var(--spacing-05);position:absolute;z-index:2}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-overlay{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent);bottom:0;height:50%;position:absolute;width:100%;z-index:1}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-container:hover .up-next-article-image-overlay{opacity:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0RBRUUsd0JBQWlDLENBQ2pDLGlCQUFrQixDQUZsQixVQUdGLENBQ0Esa0RBQ0UsVUFDRixDQUNBLDBCQUNFLGdEQUNFLHNCQUF1QixDQUN2QixhQUFjLENBRWQsT0FBUSxDQURSLFdBRUYsQ0FDRixDQUNBLDBCQUNFLGdEQUNFLFdBQ0YsQ0FDRixDQUNBLGtFQUNFLFlBQ0YsQ0FDQSx5QkFDRSxrRUFLRSxxQkFBc0IsQ0FIdEIsYUFBYyxDQUNkLFdBQVksQ0FJWiwrQkFBa0MsQ0FEbEMsMEJBQTJCLENBTDNCLGlCQUFrQixDQUdsQix1QkFJRixDQUNGLENBRUEsNEJBQ0UseUJBQTBCLENBQzFCLGlCQUNGLENBQ0EseUJBQ0UsNEJBQ0UseUJBQ0YsQ0FDRixDQUNBLDBCQUNFLDRCQUNFLFNBQ0YsQ0FDRixDQUNBLG1EQUlFLHFCQUFzQixDQUR0QixlQUFnQixDQUZoQixxQkFBc0IsQ0FDdEIsaUJBR0YsQ0FDQSwyREFDRSxhQUFjLENBR2QsTUFBTyxDQUZQLGlCQUFrQixDQUNsQixLQUFNLENBRU4sVUFDRixDQUNBLHVEQUNFLGNBQ0YsQ0FDQSxzREFDRSxZQUNGLENBQ0EsMEJBQ0Usc0RBSUUsV0FBWSxDQUhaLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUdOLFVBQVcsQ0FDWCxTQUNGLENBQ0YsQ0FDQSxvRkFFRSwyREFBeUUsQ0FEekUsTUFFRixDQUNBLHFGQUVFLDREQUF3RSxDQUR4RSxPQUVGLENBQ0EsNEpBQ0UsWUFDRixDQUNBLHFEQUNFLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQixvQkFDRixDQUNBLDhDQUdFLGlDQUFrQyxDQUM3Qiw0QkFBNkIsQ0FIbEMsWUFBYSxDQUNiLGlEQUdGLENBQ0EsMEJBQ0UsOENBQ0UsdUJBQXdCLENBQ3hCLHlCQUNGLENBQ0YsQ0FDQSwrREFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLHFCQUFzQixDQUN0QixpQkFDRixDQUNBLHNGQUdFLHFCQUFzQixDQUZ0QixVQUFXLENBSVgsV0FBWSxDQUhaLGlCQUFrQixDQUtsQixnQ0FBbUMsQ0FEbkMsdUJBQXdCLENBRnhCLFNBSUYsQ0FDQSwwQkFDRSxzRkFJRSxpQ0FBb0MsQ0FIcEMsd0JBQXlCLENBRXpCLE1BQU8sQ0FEUCxVQUdGLENBQ0YsQ0FDQSxnR0FFRSwrQkFBZ0MsQ0FEaEMsaUJBRUYsQ0FDQSwwSEFFRSxRQUFTLENBQ1Qsc0JBQXVCLENBQ3ZCLGlCQUFrQixDQUhsQixTQUlGLENBQ0EsK0hBS0UsNkRBQWlGLENBSmpGLFFBQVMsQ0FHVCxVQUFXLENBRlgsaUJBQWtCLENBQ2xCLFVBQVcsQ0FHWCxTQUNGLENBQ0Esc0tBQ0UsU0FDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQge1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI5LCAyOSwgMjcpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udmlkZW8tYXJ0aWNsZS1jb250YWluZXIgLnZpZGVvLWFydGljbGUtdXAtbmV4dCAqIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC52aWRlby1hcnRpY2xlLWNvbnRhaW5lciAudmlkZW8tYXJ0aWNsZS11cC1uZXh0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICB3aWR0aDogMjIwcHg7XG4gICAgb3JkZXI6IDA7XG4gIH1cbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMzIwcHgpIHtcbiAgLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQge1xuICAgIHdpZHRoOiAyNzBweDtcbiAgfVxufVxuLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQgLnZlcnRpY2FsLWRpdmlkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIC52aWRlby1hcnRpY2xlLWNvbnRhaW5lciAudmlkZW8tYXJ0aWNsZS11cC1uZXh0IC52ZXJ0aWNhbC1kaXZpZGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiB2YXIoLS1zcGFjaW5nLTAxKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjIyO1xuICAgIG1hcmdpbjogMCB2YXIoLS1zcGFjaW5nLTE0KTtcbiAgICBsZWZ0OiBjYWxjKC0xICogdmFyKC0tc3BhY2luZy0xNykpO1xuICB9XG59XG5cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciB7XG4gIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctMDkpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLTEzKTtcbiAgfVxufVxuQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICAudXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWltYWdlIHtcbiAgcGFkZGluZy1ib3R0b206IDU2LjI1JTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGUtaW1hZ2UgcGljdHVyZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZSBpbWcge1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5AbWVkaWEgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogNzVweDtcbiAgICB6LWluZGV4OiAxO1xuICB9XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS51cC1uZXh0LWFydGljbGVzLW92ZXJsYXktbGVmdCB7XG4gIGxlZnQ6IDA7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgcmdiKDI5LCAyOSwgMjcpLCB0cmFuc3BhcmVudCk7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS51cC1uZXh0LWFydGljbGVzLW92ZXJsYXktcmlnaHQge1xuICByaWdodDogMDtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIGxlZnQsIHJnYigyOSwgMjksIDI3KSwgdHJhbnNwYXJlbnQpO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyLnNob3ctbGVmdC1vdmVybGF5IC51cC1uZXh0LWFydGljbGVzLW92ZXJsYXktbGVmdCwgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyLnNob3ctcmlnaHQtb3ZlcmxheSAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5LXJpZ2h0IHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1zY3JvbGwge1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyB7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDQsIG1pbm1heCgxNTZweCwgMWZyKSk7XG4gIC1tb3otY29sdW1uLWdhcDogdmFyKC0tc3BhY2luZy0xMyk7XG4gICAgICAgY29sdW1uLWdhcDogdmFyKC0tc3BhY2luZy0xMyk7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyB7XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLTEzKSAwO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogdmFyKC0tc3BhY2luZy0wMyk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyAudXAtbmV4dC1hcnRpY2xlOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjIyO1xuICB6LWluZGV4OiAxO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiB2YXIoLS1zcGFjaW5nLTAxKTtcbiAgcmlnaHQ6IGNhbGMoLTEgKiB2YXIoLS1zcGFjaW5nLTA1KSk7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyAudXAtbmV4dC1hcnRpY2xlOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgICBoZWlnaHQ6IHZhcigtLXNwYWNpbmctMDEpO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gICAgYm90dG9tOiBjYWxjKC0xICogdmFyKC0tc3BhY2luZy0wNSkpO1xuICB9XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tc3BhY2luZy0wOSk7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWR1cmF0aW9uIHtcbiAgei1pbmRleDogMjtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiB2YXIoLS1zcGFjaW5nLTA1KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIC51cC1uZXh0LWFydGljbGUgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1vdmVybGF5IHtcbiAgYm90dG9tOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUwJTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHRvcCwgcmdiYSgwLCAwLCAwLCAwLjUpIDAlLCByZ2JhKDAsIDAsIDAsIDApIDEwMCUpO1xuICB6LWluZGV4OiAxO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIC51cC1uZXh0LWFydGljbGUgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1jb250YWluZXI6aG92ZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1vdmVybGF5IHtcbiAgb3BhY2l0eTogMTtcbn1cbiJdfQ== */";
|
|
9
|
-
styleInject_es.styleInject(css_248z);
|
|
10
|
-
|
|
11
|
-
/** Primary UpNextArticles UI component for user interaction */
|
|
12
|
-
var UpNextArticles = function UpNextArticles(_ref) {
|
|
13
|
-
var upNextArticles = _ref.upNextArticles;
|
|
14
|
-
if (!upNextArticles || upNextArticles.length === 0) {
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
18
|
-
className: "video-article-up-next"
|
|
19
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: "vertical-divider"
|
|
21
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
className: "up-next-articles-container show-right-overlay"
|
|
23
|
-
}, /*#__PURE__*/React.createElement(Text_Text.Text, {
|
|
24
|
-
as: "h4",
|
|
25
|
-
classes: "video-heading video-category"
|
|
26
|
-
}, "Up Next"), /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: "up-next-articles-overlay up-next-articles-overlay-left"
|
|
28
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
className: "up-next-articles-scroll"
|
|
30
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
31
|
-
className: "up-next-articles"
|
|
32
|
-
}, upNextArticles.map(function (up_next_article, index) {
|
|
33
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: "up-next-article",
|
|
35
|
-
key: index
|
|
36
|
-
}, /*#__PURE__*/React.createElement("a", {
|
|
37
|
-
href: up_next_article.url
|
|
38
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
39
|
-
className: "up-next-article-image-container"
|
|
40
|
-
}, /*#__PURE__*/React.createElement(Text_Text.Text, {
|
|
41
|
-
classes: "up-next-article-duration video-heading"
|
|
42
|
-
}, up_next_article.duration), /*#__PURE__*/React.createElement("div", {
|
|
43
|
-
className: "up-next-article-image-overlay"
|
|
44
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
45
|
-
className: "up-next-article-image"
|
|
46
|
-
}, up_next_article.thumbnail !== '' && (/*#__PURE__*/React.createElement("picture", null, /*#__PURE__*/React.createElement("source", {
|
|
47
|
-
srcSet: up_next_article.thumbnail,
|
|
48
|
-
type: "image/webp"
|
|
49
|
-
}), /*#__PURE__*/React.createElement("img", {
|
|
50
|
-
loading: "lazy",
|
|
51
|
-
src: up_next_article.thumbnail,
|
|
52
|
-
alt: up_next_article.headline
|
|
53
|
-
}))))), /*#__PURE__*/React.createElement(Text_Text.Text, {
|
|
54
|
-
as: "span",
|
|
55
|
-
classes: "article-heading"
|
|
56
|
-
}, up_next_article.headline)));
|
|
57
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
58
|
-
className: "up-next-articles-overlay up-next-articles-overlay-right"
|
|
59
|
-
})));
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
exports.UpNextArticles = UpNextArticles;
|
|
63
|
-
//# sourceMappingURL=UpNextArticles.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UpNextArticles.cjs","sources":["../../src/Article/UpNextArticles/UpNextArticles.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '../../Text/Text';\nimport './styles.css';\n\ninterface UpNextArticlesProps {\n upNextArticles: {\n url: string;\n headline: string;\n duration?: string;\n thumbnail: string;\n }[];\n}\n\n/** Primary UpNextArticles UI component for user interaction */\n\nexport const UpNextArticles: React.FC<UpNextArticlesProps> = ({\n upNextArticles\n}) => {\n if (!upNextArticles || upNextArticles.length === 0) {\n return;\n }\n\n return (\n <div className=\"video-article-up-next\">\n <div className=\"vertical-divider\"></div>\n <div className=\"up-next-articles-container show-right-overlay\">\n <Text as=\"h4\" classes=\"video-heading video-category\">\n Up Next\n </Text>\n <div className=\"up-next-articles-overlay up-next-articles-overlay-left\"></div>\n <div className=\"up-next-articles-scroll\">\n <div className=\"up-next-articles\">\n {upNextArticles.map((up_next_article, index) => (\n <div className=\"up-next-article\" key={index}>\n <a href={up_next_article.url}>\n <div className=\"up-next-article-image-container\">\n <Text classes=\"up-next-article-duration video-heading\">\n {up_next_article.duration}\n </Text>\n <div className=\"up-next-article-image-overlay\"></div>\n <div className=\"up-next-article-image\">\n {up_next_article.thumbnail !== '' && (\n <picture>\n <source\n srcSet={up_next_article.thumbnail}\n type=\"image/webp\"\n />\n <img\n loading=\"lazy\"\n src={up_next_article.thumbnail}\n alt={up_next_article.headline}\n />\n </picture>\n )}\n </div>\n </div>\n <Text as=\"span\" classes=\"article-heading\">\n {up_next_article.headline}\n </Text>\n </a>\n </div>\n ))}\n </div>\n </div>\n <div className=\"up-next-articles-overlay up-next-articles-overlay-right\"></div>\n </div>\n </div>\n );\n};\n"],"names":["UpNextArticles","_ref","upNextArticles","length","React","createElement","className","Text","as","classes","map","up_next_article","index","key","href","url","duration","thumbnail","srcSet","type","loading","src","alt","headline"],"mappings":";;;;;;;;;;AAaA;IAEaA,cAAc,GAAkC,SAAhDA,cAAcA,CAAAC,IAAA,EAEtB;AAAA,EAAA,IADHC,cAAc,GAAAD,IAAA,CAAdC,cAAc;EAEd,IAAI,CAACA,cAAc,IAAIA,cAAc,CAACC,MAAM,KAAK,CAAC,EAAE;AAClD,IAAA;AACF,EAAA;AAEA,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAuB,GAAA,eACpCF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAkB,GAAA,CAAO,eACxCF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAA+C,GAAA,eAC5DF,KAAA,CAAAC,aAAA,CAACE,cAAI;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC;GAA8B,EAAA,SAAA,CAE7C,eACPL,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAwD,GAAA,CAAO,eAC9EF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAyB,GAAA,eACtCF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;GAAkB,EAC9BJ,cAAc,CAACQ,GAAG,CAAC,UAACC,eAAe,EAAEC,KAAK,EAAA;AAAA,IAAA,oBACzCR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,iBAAiB;AAACO,MAAAA,GAAG,EAAED;AAAK,KAAA,eACzCR,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;MAAGS,IAAI,EAAEH,eAAe,CAACI;AAAG,KAAA,eAC1BX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC;AAAiC,KAAA,eAC9CF,KAAA,CAAAC,aAAA,CAACE,cAAI;AAACE,MAAAA,OAAO,EAAC;KAAwC,EACnDE,eAAe,CAACK,QAAQ,CACpB,eACPZ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC;AAA+B,KAAA,CAAO,eACrDF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC;KAAuB,EACnCK,eAAe,CAACM,SAAS,KAAK,EAAE,kBAC/Bb,KAAA,CAAAC,aAAA,CAAA,SAAA,EAAA,IAAA,eACED,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEa,MAAM,EAAEP,eAAe,CAACM,SAAS;AACjCE,MAAAA,IAAI,EAAC;AAAY,KAAA,CACjB,eACFf,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEe,MAAAA,OAAO,EAAC,MAAM;MACdC,GAAG,EAAEV,eAAe,CAACM,SAAS;MAC9BK,GAAG,EAAEX,eAAe,CAACY;MACrB,CACM,CACX,CACG,CACF,eACNnB,KAAA,CAAAC,aAAA,CAACE,cAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;AAACC,MAAAA,OAAO,EAAC;OACrBE,eAAe,CAACY,QAAQ,CACpB,CACL,CACA;EAAA,CACP,CAAC,CACE,CACF,eACNnB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;IAAgE,CAC3E,CACF;AAEV;;;;"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Text } from '../Text/Text.js';
|
|
3
|
-
import { s as styleInject } from '../shared/style-inject.es-Br8gHeuy.js';
|
|
4
|
-
import '../shared/cn-DcOuz-3C.js';
|
|
5
|
-
|
|
6
|
-
var css_248z = ".video-article-container .video-article-up-next{background-color:#1d1d1b;position:relative;width:100%}.video-article-container .video-article-up-next *{width:100%}@media (min-width:1024px){.video-article-container .video-article-up-next{background-color:unset;flex-shrink:0;order:0;width:220px}}@media (min-width:1320px){.video-article-container .video-article-up-next{width:270px}}.video-article-container .video-article-up-next .vertical-divider{display:none}@media (min-width:768px){.video-article-container .video-article-up-next .vertical-divider{background-color:#222;display:block;height:100%;left:calc(var(--spacing-17)*-1);margin:0 var(--spacing-14);position:absolute;width:var(--spacing-01)}}.up-next-articles-container{padding:var(--spacing-09);position:relative}@media (min-width:768px){.up-next-articles-container{padding:var(--spacing-13)}}@media (min-width:1024px){.up-next-articles-container{padding:0}}.up-next-articles-container .up-next-article-image{background-color:#333;overflow:hidden;padding-bottom:56.25%;position:relative}.up-next-articles-container .up-next-article-image picture{display:block;left:0;position:absolute;top:0;width:100%}.up-next-articles-container .up-next-article-image img{max-width:100%}.up-next-articles-container .up-next-articles-overlay{display:none}@media (max-width:1023px){.up-next-articles-container .up-next-articles-overlay{height:100%;position:absolute;right:0;top:0;width:75px;z-index:1}}.up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-left{background-image:linear-gradient(90deg,#1d1d1b,transparent);left:0}.up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-right{background-image:linear-gradient(270deg,#1d1d1b,transparent);right:0}.up-next-articles-container.show-left-overlay .up-next-articles-overlay-left,.up-next-articles-container.show-right-overlay .up-next-articles-overlay-right{display:flex}.up-next-articles-container .up-next-articles-scroll{overflow-x:auto;position:relative;scrollbar-width:none}.up-next-articles-container .up-next-articles{-moz-column-gap:var(--spacing-13);column-gap:var(--spacing-13);display:grid;grid-template-columns:repeat(4,minmax(156px,1fr))}@media (min-width:1024px){.up-next-articles-container .up-next-articles{gap:var(--spacing-13) 0;grid-template-columns:1fr}}.up-next-articles-container .up-next-articles .up-next-article{display:flex;flex-direction:column;gap:var(--spacing-03);position:relative}.up-next-articles-container .up-next-articles .up-next-article:not(:last-child):after{background-color:#222;content:\"\";height:100%;position:absolute;right:calc(var(--spacing-05)*-1);width:var(--spacing-01);z-index:1}@media (min-width:1024px){.up-next-articles-container .up-next-articles .up-next-article:not(:last-child):after{bottom:calc(var(--spacing-05)*-1);height:var(--spacing-01);left:0;width:100%}}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container{margin-bottom:var(--spacing-09);position:relative}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-duration{bottom:0;left:var(--spacing-05);position:absolute;z-index:2}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-overlay{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent);bottom:0;height:50%;position:absolute;width:100%;z-index:1}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-container:hover .up-next-article-image-overlay{opacity:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0RBRUUsd0JBQWlDLENBQ2pDLGlCQUFrQixDQUZsQixVQUdGLENBQ0Esa0RBQ0UsVUFDRixDQUNBLDBCQUNFLGdEQUNFLHNCQUF1QixDQUN2QixhQUFjLENBRWQsT0FBUSxDQURSLFdBRUYsQ0FDRixDQUNBLDBCQUNFLGdEQUNFLFdBQ0YsQ0FDRixDQUNBLGtFQUNFLFlBQ0YsQ0FDQSx5QkFDRSxrRUFLRSxxQkFBc0IsQ0FIdEIsYUFBYyxDQUNkLFdBQVksQ0FJWiwrQkFBa0MsQ0FEbEMsMEJBQTJCLENBTDNCLGlCQUFrQixDQUdsQix1QkFJRixDQUNGLENBRUEsNEJBQ0UseUJBQTBCLENBQzFCLGlCQUNGLENBQ0EseUJBQ0UsNEJBQ0UseUJBQ0YsQ0FDRixDQUNBLDBCQUNFLDRCQUNFLFNBQ0YsQ0FDRixDQUNBLG1EQUlFLHFCQUFzQixDQUR0QixlQUFnQixDQUZoQixxQkFBc0IsQ0FDdEIsaUJBR0YsQ0FDQSwyREFDRSxhQUFjLENBR2QsTUFBTyxDQUZQLGlCQUFrQixDQUNsQixLQUFNLENBRU4sVUFDRixDQUNBLHVEQUNFLGNBQ0YsQ0FDQSxzREFDRSxZQUNGLENBQ0EsMEJBQ0Usc0RBSUUsV0FBWSxDQUhaLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUdOLFVBQVcsQ0FDWCxTQUNGLENBQ0YsQ0FDQSxvRkFFRSwyREFBeUUsQ0FEekUsTUFFRixDQUNBLHFGQUVFLDREQUF3RSxDQUR4RSxPQUVGLENBQ0EsNEpBQ0UsWUFDRixDQUNBLHFEQUNFLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQixvQkFDRixDQUNBLDhDQUdFLGlDQUFrQyxDQUM3Qiw0QkFBNkIsQ0FIbEMsWUFBYSxDQUNiLGlEQUdGLENBQ0EsMEJBQ0UsOENBQ0UsdUJBQXdCLENBQ3hCLHlCQUNGLENBQ0YsQ0FDQSwrREFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLHFCQUFzQixDQUN0QixpQkFDRixDQUNBLHNGQUdFLHFCQUFzQixDQUZ0QixVQUFXLENBSVgsV0FBWSxDQUhaLGlCQUFrQixDQUtsQixnQ0FBbUMsQ0FEbkMsdUJBQXdCLENBRnhCLFNBSUYsQ0FDQSwwQkFDRSxzRkFJRSxpQ0FBb0MsQ0FIcEMsd0JBQXlCLENBRXpCLE1BQU8sQ0FEUCxVQUdGLENBQ0YsQ0FDQSxnR0FFRSwrQkFBZ0MsQ0FEaEMsaUJBRUYsQ0FDQSwwSEFFRSxRQUFTLENBQ1Qsc0JBQXVCLENBQ3ZCLGlCQUFrQixDQUhsQixTQUlGLENBQ0EsK0hBS0UsNkRBQWlGLENBSmpGLFFBQVMsQ0FHVCxVQUFXLENBRlgsaUJBQWtCLENBQ2xCLFVBQVcsQ0FHWCxTQUNGLENBQ0Esc0tBQ0UsU0FDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQge1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI5LCAyOSwgMjcpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udmlkZW8tYXJ0aWNsZS1jb250YWluZXIgLnZpZGVvLWFydGljbGUtdXAtbmV4dCAqIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC52aWRlby1hcnRpY2xlLWNvbnRhaW5lciAudmlkZW8tYXJ0aWNsZS11cC1uZXh0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICB3aWR0aDogMjIwcHg7XG4gICAgb3JkZXI6IDA7XG4gIH1cbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMzIwcHgpIHtcbiAgLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQge1xuICAgIHdpZHRoOiAyNzBweDtcbiAgfVxufVxuLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQgLnZlcnRpY2FsLWRpdmlkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIC52aWRlby1hcnRpY2xlLWNvbnRhaW5lciAudmlkZW8tYXJ0aWNsZS11cC1uZXh0IC52ZXJ0aWNhbC1kaXZpZGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiB2YXIoLS1zcGFjaW5nLTAxKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjIyO1xuICAgIG1hcmdpbjogMCB2YXIoLS1zcGFjaW5nLTE0KTtcbiAgICBsZWZ0OiBjYWxjKC0xICogdmFyKC0tc3BhY2luZy0xNykpO1xuICB9XG59XG5cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciB7XG4gIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctMDkpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLTEzKTtcbiAgfVxufVxuQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICAudXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWltYWdlIHtcbiAgcGFkZGluZy1ib3R0b206IDU2LjI1JTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGUtaW1hZ2UgcGljdHVyZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZSBpbWcge1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5AbWVkaWEgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogNzVweDtcbiAgICB6LWluZGV4OiAxO1xuICB9XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS51cC1uZXh0LWFydGljbGVzLW92ZXJsYXktbGVmdCB7XG4gIGxlZnQ6IDA7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgcmdiKDI5LCAyOSwgMjcpLCB0cmFuc3BhcmVudCk7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS51cC1uZXh0LWFydGljbGVzLW92ZXJsYXktcmlnaHQge1xuICByaWdodDogMDtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIGxlZnQsIHJnYigyOSwgMjksIDI3KSwgdHJhbnNwYXJlbnQpO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyLnNob3ctbGVmdC1vdmVybGF5IC51cC1uZXh0LWFydGljbGVzLW92ZXJsYXktbGVmdCwgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyLnNob3ctcmlnaHQtb3ZlcmxheSAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5LXJpZ2h0IHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1zY3JvbGwge1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyB7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDQsIG1pbm1heCgxNTZweCwgMWZyKSk7XG4gIC1tb3otY29sdW1uLWdhcDogdmFyKC0tc3BhY2luZy0xMyk7XG4gICAgICAgY29sdW1uLWdhcDogdmFyKC0tc3BhY2luZy0xMyk7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyB7XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLTEzKSAwO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogdmFyKC0tc3BhY2luZy0wMyk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyAudXAtbmV4dC1hcnRpY2xlOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjIyO1xuICB6LWluZGV4OiAxO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiB2YXIoLS1zcGFjaW5nLTAxKTtcbiAgcmlnaHQ6IGNhbGMoLTEgKiB2YXIoLS1zcGFjaW5nLTA1KSk7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyAudXAtbmV4dC1hcnRpY2xlOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgICBoZWlnaHQ6IHZhcigtLXNwYWNpbmctMDEpO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gICAgYm90dG9tOiBjYWxjKC0xICogdmFyKC0tc3BhY2luZy0wNSkpO1xuICB9XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tc3BhY2luZy0wOSk7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWR1cmF0aW9uIHtcbiAgei1pbmRleDogMjtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiB2YXIoLS1zcGFjaW5nLTA1KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIC51cC1uZXh0LWFydGljbGUgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1vdmVybGF5IHtcbiAgYm90dG9tOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUwJTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHRvcCwgcmdiYSgwLCAwLCAwLCAwLjUpIDAlLCByZ2JhKDAsIDAsIDAsIDApIDEwMCUpO1xuICB6LWluZGV4OiAxO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIC51cC1uZXh0LWFydGljbGUgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1jb250YWluZXI6aG92ZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1vdmVybGF5IHtcbiAgb3BhY2l0eTogMTtcbn1cbiJdfQ== */";
|
|
7
|
-
styleInject(css_248z);
|
|
8
|
-
|
|
9
|
-
/** Primary UpNextArticles UI component for user interaction */
|
|
10
|
-
var UpNextArticles = function UpNextArticles(_ref) {
|
|
11
|
-
var upNextArticles = _ref.upNextArticles;
|
|
12
|
-
if (!upNextArticles || upNextArticles.length === 0) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
className: "video-article-up-next"
|
|
17
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
18
|
-
className: "vertical-divider"
|
|
19
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: "up-next-articles-container show-right-overlay"
|
|
21
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
22
|
-
as: "h4",
|
|
23
|
-
classes: "video-heading video-category"
|
|
24
|
-
}, "Up Next"), /*#__PURE__*/React.createElement("div", {
|
|
25
|
-
className: "up-next-articles-overlay up-next-articles-overlay-left"
|
|
26
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: "up-next-articles-scroll"
|
|
28
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
className: "up-next-articles"
|
|
30
|
-
}, upNextArticles.map(function (up_next_article, index) {
|
|
31
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
className: "up-next-article",
|
|
33
|
-
key: index
|
|
34
|
-
}, /*#__PURE__*/React.createElement("a", {
|
|
35
|
-
href: up_next_article.url
|
|
36
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
37
|
-
className: "up-next-article-image-container"
|
|
38
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
39
|
-
classes: "up-next-article-duration video-heading"
|
|
40
|
-
}, up_next_article.duration), /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className: "up-next-article-image-overlay"
|
|
42
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
43
|
-
className: "up-next-article-image"
|
|
44
|
-
}, up_next_article.thumbnail !== '' && (/*#__PURE__*/React.createElement("picture", null, /*#__PURE__*/React.createElement("source", {
|
|
45
|
-
srcSet: up_next_article.thumbnail,
|
|
46
|
-
type: "image/webp"
|
|
47
|
-
}), /*#__PURE__*/React.createElement("img", {
|
|
48
|
-
loading: "lazy",
|
|
49
|
-
src: up_next_article.thumbnail,
|
|
50
|
-
alt: up_next_article.headline
|
|
51
|
-
}))))), /*#__PURE__*/React.createElement(Text, {
|
|
52
|
-
as: "span",
|
|
53
|
-
classes: "article-heading"
|
|
54
|
-
}, up_next_article.headline)));
|
|
55
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
56
|
-
className: "up-next-articles-overlay up-next-articles-overlay-right"
|
|
57
|
-
})));
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export { UpNextArticles };
|
|
61
|
-
//# sourceMappingURL=UpNextArticles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UpNextArticles.js","sources":["../../src/Article/UpNextArticles/UpNextArticles.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '../../Text/Text';\nimport './styles.css';\n\ninterface UpNextArticlesProps {\n upNextArticles: {\n url: string;\n headline: string;\n duration?: string;\n thumbnail: string;\n }[];\n}\n\n/** Primary UpNextArticles UI component for user interaction */\n\nexport const UpNextArticles: React.FC<UpNextArticlesProps> = ({\n upNextArticles\n}) => {\n if (!upNextArticles || upNextArticles.length === 0) {\n return;\n }\n\n return (\n <div className=\"video-article-up-next\">\n <div className=\"vertical-divider\"></div>\n <div className=\"up-next-articles-container show-right-overlay\">\n <Text as=\"h4\" classes=\"video-heading video-category\">\n Up Next\n </Text>\n <div className=\"up-next-articles-overlay up-next-articles-overlay-left\"></div>\n <div className=\"up-next-articles-scroll\">\n <div className=\"up-next-articles\">\n {upNextArticles.map((up_next_article, index) => (\n <div className=\"up-next-article\" key={index}>\n <a href={up_next_article.url}>\n <div className=\"up-next-article-image-container\">\n <Text classes=\"up-next-article-duration video-heading\">\n {up_next_article.duration}\n </Text>\n <div className=\"up-next-article-image-overlay\"></div>\n <div className=\"up-next-article-image\">\n {up_next_article.thumbnail !== '' && (\n <picture>\n <source\n srcSet={up_next_article.thumbnail}\n type=\"image/webp\"\n />\n <img\n loading=\"lazy\"\n src={up_next_article.thumbnail}\n alt={up_next_article.headline}\n />\n </picture>\n )}\n </div>\n </div>\n <Text as=\"span\" classes=\"article-heading\">\n {up_next_article.headline}\n </Text>\n </a>\n </div>\n ))}\n </div>\n </div>\n <div className=\"up-next-articles-overlay up-next-articles-overlay-right\"></div>\n </div>\n </div>\n );\n};\n"],"names":["UpNextArticles","_ref","upNextArticles","length","React","createElement","className","Text","as","classes","map","up_next_article","index","key","href","url","duration","thumbnail","srcSet","type","loading","src","alt","headline"],"mappings":";;;;;;;;AAaA;IAEaA,cAAc,GAAkC,SAAhDA,cAAcA,CAAAC,IAAA,EAEtB;AAAA,EAAA,IADHC,cAAc,GAAAD,IAAA,CAAdC,cAAc;EAEd,IAAI,CAACA,cAAc,IAAIA,cAAc,CAACC,MAAM,KAAK,CAAC,EAAE;AAClD,IAAA;AACF,EAAA;AAEA,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAuB,GAAA,eACpCF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAkB,GAAA,CAAO,eACxCF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAA+C,GAAA,eAC5DF,KAAA,CAAAC,aAAA,CAACE,IAAI;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC;GAA8B,EAAA,SAAA,CAE7C,eACPL,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAwD,GAAA,CAAO,eAC9EF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAyB,GAAA,eACtCF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;GAAkB,EAC9BJ,cAAc,CAACQ,GAAG,CAAC,UAACC,eAAe,EAAEC,KAAK,EAAA;AAAA,IAAA,oBACzCR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,iBAAiB;AAACO,MAAAA,GAAG,EAAED;AAAK,KAAA,eACzCR,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;MAAGS,IAAI,EAAEH,eAAe,CAACI;AAAG,KAAA,eAC1BX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC;AAAiC,KAAA,eAC9CF,KAAA,CAAAC,aAAA,CAACE,IAAI;AAACE,MAAAA,OAAO,EAAC;KAAwC,EACnDE,eAAe,CAACK,QAAQ,CACpB,eACPZ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC;AAA+B,KAAA,CAAO,eACrDF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC;KAAuB,EACnCK,eAAe,CAACM,SAAS,KAAK,EAAE,kBAC/Bb,KAAA,CAAAC,aAAA,CAAA,SAAA,EAAA,IAAA,eACED,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEa,MAAM,EAAEP,eAAe,CAACM,SAAS;AACjCE,MAAAA,IAAI,EAAC;AAAY,KAAA,CACjB,eACFf,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEe,MAAAA,OAAO,EAAC,MAAM;MACdC,GAAG,EAAEV,eAAe,CAACM,SAAS;MAC9BK,GAAG,EAAEX,eAAe,CAACY;MACrB,CACM,CACX,CACG,CACF,eACNnB,KAAA,CAAAC,aAAA,CAACE,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;AAACC,MAAAA,OAAO,EAAC;OACrBE,eAAe,CAACY,QAAQ,CACpB,CACL,CACA;EAAA,CACP,CAAC,CACE,CACF,eACNnB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;IAAgE,CAC3E,CACF;AAEV;;;;"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
|
|
6
|
-
var Text_Text = require('../Text/Text.cjs');
|
|
7
|
-
require('../shared/cn-CPfjOlzZ.cjs');
|
|
8
|
-
|
|
9
|
-
var css_248z = ".tds-comments-disabled{align-items:center;display:flex;flex-direction:column;margin-inline:auto;padding-inline:var(--spacing-19);width:100%}.tds-comments-disabled__heading{color:var(--text-primary);margin:0;padding-bottom:var(--spacing-05);padding-top:var(--spacing-21);text-align:center}.tds-comments-disabled__divider{border:none;border-top:var(--spacing-01) solid var(--border-secondary);margin:var(--spacing-03);max-width:522px;opacity:1;width:100%}.tds-comments-disabled__content{color:var(--text-neutral-700);margin:0;padding-bottom:var(--spacing-21);padding-top:var(--spacing-05);text-align:center}.tds-comments-disabled__link{color:var(--tds-foundation-brand-digital-blue);cursor:pointer;text-decoration:underline;transition:color .2s ease-in-out}.tds-comments-disabled__link:hover{color:color-mix(in srgb,var(--tds-foundation-brand-digital-blue) calc(100% - var(--tds-colour-modifier-interactive-hover)*100%),var(--tds-foundation-brand-black))}.tds-comments-disabled__link:active{color:color-mix(in srgb,var(--tds-foundation-brand-digital-blue) calc(100% - var(--tds-colour-modifier-interactive-pressed)*100%),var(--tds-foundation-brand-black))}.tds-comments-disabled__link:focus-visible{outline:var(--spacing-02) solid var(--tds-foundation-brand-digital-blue);outline-offset:var(--spacing-03)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUEsdUJBR0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FDYixxQkFBc0IsQ0FFdEIsa0JBQW1CLENBQ25CLGdDQUFpQyxDQUNqQyxVQUNGLENBR0EsZ0NBS0UseUJBQTBCLENBSjFCLFFBQVMsQ0FFVCxnQ0FBaUMsQ0FEakMsNkJBQThCLENBRTlCLGlCQUVGLENBR0EsZ0NBSUUsV0FBWSxDQUNaLDBEQUEyRCxDQUozRCx3QkFBeUIsQ0FDekIsZUFBZ0IsQ0FJaEIsU0FBVSxDQUhWLFVBSUYsQ0FHQSxnQ0FLRSw2QkFBOEIsQ0FKOUIsUUFBUyxDQUNULGdDQUFpQyxDQUNqQyw2QkFBOEIsQ0FDOUIsaUJBRUYsQ0FHQSw2QkFFRSw4Q0FBK0MsQ0FFL0MsY0FBZSxDQUhmLHlCQUEwQixDQUUxQixnQ0FFRixDQUVBLG1DQUNFLGtLQUtGLENBRUEsb0NBQ0Usb0tBS0YsQ0FHQSwyQ0FDRSx3RUFBeUUsQ0FDekUsZ0NBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuXG4vKipcbiAqIENvbW1lbnRzRGlzYWJsZWQgQ29tcG9uZW50IFN0eWxlc1xuICogTWFwcyBUaW1lcyBEZXNpZ24gU3lzdGVtIHRva2VucyB0byBzZW1hbnRpYyBzdHlsZXNcbiAqL1xuXG4vKiBCYXNlIENvbnRhaW5lciAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1pbmxpbmU6IGF1dG87XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zcGFjaW5nLTE5KTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi8qIEhlYWRpbmcgKi9cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2hlYWRpbmcge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmctdG9wOiB2YXIoLS1zcGFjaW5nLTIxKTtcbiAgcGFkZGluZy1ib3R0b206IHZhcigtLXNwYWNpbmctMDUpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LXByaW1hcnkpO1xufVxuXG4vKiBEaXZpZGVyICovXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19kaXZpZGVyIHtcbiAgbWFyZ2luOiB2YXIoLS1zcGFjaW5nLTAzKTtcbiAgbWF4LXdpZHRoOiA1MjJweDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXRvcDogdmFyKC0tc3BhY2luZy0wMSkgc29saWQgdmFyKC0tYm9yZGVyLXNlY29uZGFyeSk7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi8qIENvbnRlbnQgVGV4dCAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fY29udGVudCB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZy1ib3R0b206IHZhcigtLXNwYWNpbmctMjEpO1xuICBwYWRkaW5nLXRvcDogdmFyKC0tc3BhY2luZy0wNSk7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6IHZhcigtLXRleHQtbmV1dHJhbC03MDApO1xufVxuXG4vKiBHdWlkZWxpbmVzIExpbmsgKi9cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2xpbmsge1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgY29sb3I6IHZhcigtLXRkcy1mb3VuZGF0aW9uLWJyYW5kLWRpZ2l0YWwtYmx1ZSk7XG4gIHRyYW5zaXRpb246IGNvbG9yIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fbGluazpob3ZlciB7XG4gIGNvbG9yOiBjb2xvci1taXgoXG4gICAgaW4gc3JnYixcbiAgICB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1kaWdpdGFsLWJsdWUpIGNhbGMoMTAwJSAtIHZhcigtLXRkcy1jb2xvdXItbW9kaWZpZXItaW50ZXJhY3RpdmUtaG92ZXIpICogMTAwJSksXG4gICAgdmFyKC0tdGRzLWZvdW5kYXRpb24tYnJhbmQtYmxhY2spXG4gICk7XG59XG5cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2xpbms6YWN0aXZlIHtcbiAgY29sb3I6IGNvbG9yLW1peChcbiAgICBpbiBzcmdiLFxuICAgIHZhcigtLXRkcy1mb3VuZGF0aW9uLWJyYW5kLWRpZ2l0YWwtYmx1ZSkgY2FsYygxMDAlIC0gdmFyKC0tdGRzLWNvbG91ci1tb2RpZmllci1pbnRlcmFjdGl2ZS1wcmVzc2VkKSAqIDEwMCUpLFxuICAgIHZhcigtLXRkcy1mb3VuZGF0aW9uLWJyYW5kLWJsYWNrKVxuICApO1xufVxuXG4vKiBGb2N1cyBTdGF0ZSAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fbGluazpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogdmFyKC0tc3BhY2luZy0wMikgc29saWQgdmFyKC0tdGRzLWZvdW5kYXRpb24tYnJhbmQtZGlnaXRhbC1ibHVlKTtcbiAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLXNwYWNpbmctMDMpO1xufVxuXG4vKiBSZXNwb25zaXZlICovXG4vKiBAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnRkcy1jb21tZW50cy1kaXNhYmxlZF9faGVhZGluZyB7XG4gICAgZm9udC1zaXplOiBjYWxjKHZhcigtLWZvbnQtc2l6ZTA0MCkgKiB2YXIoLS10ZHMtdmlld3BvcnQtbXVsdGlwbGllci1zbWFsbCkpO1xuICB9XG5cbiAgLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fY29udGVudCB7XG4gICAgZm9udC1zaXplOiBjYWxjKHZhcigtLWZvbnQtc2l6ZTAzMCkgKiB2YXIoLS10ZHMtdmlld3BvcnQtbXVsdGlwbGllci1zbWFsbCkpO1xuICB9XG59ICovXG4iXX0= */";
|
|
10
|
-
styleInject_es.styleInject(css_248z);
|
|
11
|
-
|
|
12
|
-
var _excluded = ["heading", "contentText", "guidelinesUrl", "guidelinesLinkText", "className"];
|
|
13
|
-
var CommentsDisabled = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
14
|
-
var _ref$heading = _ref.heading,
|
|
15
|
-
heading = _ref$heading === void 0 ? 'Comments are not enabled for this article' : _ref$heading,
|
|
16
|
-
_ref$contentText = _ref.contentText,
|
|
17
|
-
contentText = _ref$contentText === void 0 ? 'Comments are subject to our community guidelines, which can be viewed' : _ref$contentText,
|
|
18
|
-
_ref$guidelinesUrl = _ref.guidelinesUrl,
|
|
19
|
-
guidelinesUrl = _ref$guidelinesUrl === void 0 ? '#' : _ref$guidelinesUrl,
|
|
20
|
-
_ref$guidelinesLinkTe = _ref.guidelinesLinkText,
|
|
21
|
-
guidelinesLinkText = _ref$guidelinesLinkTe === void 0 ? 'here' : _ref$guidelinesLinkTe,
|
|
22
|
-
_ref$className = _ref.className,
|
|
23
|
-
className = _ref$className === void 0 ? '' : _ref$className,
|
|
24
|
-
props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers._objectSpread2({
|
|
26
|
-
ref: ref,
|
|
27
|
-
className: "tds-comments-disabled ".concat(className).trim()
|
|
28
|
-
}, props), /*#__PURE__*/React.createElement(Text_Text.Text, {
|
|
29
|
-
as: "h3",
|
|
30
|
-
typographyStyle: "brand-heading-fluid-light-xsmall",
|
|
31
|
-
classes: "tds-comments-disabled__heading"
|
|
32
|
-
}, heading), /*#__PURE__*/React.createElement("hr", {
|
|
33
|
-
className: "tds-comments-disabled__divider"
|
|
34
|
-
}), /*#__PURE__*/React.createElement(Text_Text.Text, {
|
|
35
|
-
typographyStyle: "utility-body-regular-medium",
|
|
36
|
-
classes: "tds-comments-disabled__content"
|
|
37
|
-
}, contentText, ' ', /*#__PURE__*/React.createElement("a", {
|
|
38
|
-
href: guidelinesUrl,
|
|
39
|
-
className: "tds-comments-disabled__link",
|
|
40
|
-
target: "_blank",
|
|
41
|
-
rel: "noopener noreferrer"
|
|
42
|
-
}, guidelinesLinkText), "."));
|
|
43
|
-
});
|
|
44
|
-
CommentsDisabled.displayName = 'CommentsDisabled';
|
|
45
|
-
|
|
46
|
-
exports.CommentsDisabled = CommentsDisabled;
|
|
47
|
-
//# sourceMappingURL=CommentsDisabled.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CommentsDisabled.cjs","sources":["../../src/CommentsDisabled/CommentsDisabled.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport './styles.css';\nimport { Text } from '../Text/Text';\n\nexport interface CommentsDisabledProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {\n heading?: string;\n contentText?: React.ReactNode;\n guidelinesUrl?: string;\n guidelinesLinkText?: string;\n className?: string;\n}\n\nexport const CommentsDisabled = React.forwardRef<\n HTMLDivElement,\n CommentsDisabledProps\n>(\n (\n {\n heading = 'Comments are not enabled for this article',\n contentText = 'Comments are subject to our community guidelines, which can be viewed',\n guidelinesUrl = '#',\n guidelinesLinkText = 'here',\n className = '',\n ...props\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={`tds-comments-disabled ${className}`.trim()}\n {...props}\n >\n <Text\n as=\"h3\"\n typographyStyle=\"brand-heading-fluid-light-xsmall\"\n classes=\"tds-comments-disabled__heading\"\n >\n {heading}\n </Text>\n <hr className=\"tds-comments-disabled__divider\" />\n <Text\n typographyStyle=\"utility-body-regular-medium\"\n classes=\"tds-comments-disabled__content\"\n >\n {contentText}{' '}\n <a\n href={guidelinesUrl}\n className=\"tds-comments-disabled__link\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {guidelinesLinkText}\n </a>\n .\n </Text>\n </div>\n );\n }\n);\n\nCommentsDisabled.displayName = 'CommentsDisabled';\n"],"names":["CommentsDisabled","React","forwardRef","_ref","ref","_ref$heading","heading","_ref$contentText","contentText","_ref$guidelinesUrl","guidelinesUrl","_ref$guidelinesLinkTe","guidelinesLinkText","_ref$className","className","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","concat","trim","Text","as","typographyStyle","classes","href","target","rel","displayName"],"mappings":";;;;;;;;;;;;AAaO,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,UAAU,CAI9C,UAAAC,IAAA,EASEC,GAAG,EACD;AAAA,EAAA,IAAAC,YAAA,GAAAF,IAAA,CARAG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,2CAA2C,GAAAA,YAAA;IAAAE,gBAAA,GAAAJ,IAAA,CACrDK,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,uEAAuE,GAAAA,gBAAA;IAAAE,kBAAA,GAAAN,IAAA,CACrFO,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,MAAA,GAAG,GAAG,GAAAA,kBAAA;IAAAE,qBAAA,GAAAR,IAAA,CACnBS,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,qBAAA;IAAAE,cAAA,GAAAV,IAAA,CAC3BW,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AACXE,IAAAA,KAAK,GAAAC,kDAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;AAIV,EAAA,oBACEhB,KAAA,CAAAiB,aAAA,CAAA,KAAA,EAAAC,wCAAA,CAAA;AACEf,IAAAA,GAAG,EAAEA,GAAG;AACRU,IAAAA,SAAS,EAAE,wBAAA,CAAAM,MAAA,CAAyBN,SAAS,CAAA,CAAGO,IAAI;AAAE,GAAA,EAClDN,KAAK,CAAA,eAETd,KAAA,CAAAiB,aAAA,CAACI,cAAI,EAAA;AACHC,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,eAAe,EAAC,kCAAkC;AAClDC,IAAAA,OAAO,EAAC;GAAgC,EAEvCnB,OAAO,CACH,eACPL,KAAA,CAAAiB,aAAA,CAAA,IAAA,EAAA;AAAIJ,IAAAA,SAAS,EAAC;AAAgC,GAAA,CAAG,eACjDb,KAAA,CAAAiB,aAAA,CAACI,cAAI;AACHE,IAAAA,eAAe,EAAC,6BAA6B;AAC7CC,IAAAA,OAAO,EAAC;GAAgC,EAEvCjB,WAAW,EAAE,GAAG,eACjBP,KAAA,CAAAiB,aAAA,CAAA,GAAA,EAAA;AACEQ,IAAAA,IAAI,EAAEhB,aAAa;AACnBI,IAAAA,SAAS,EAAC,6BAA6B;AACvCa,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC;AAAqB,GAAA,EAExBhB,kBAAkB,CACjB,EAEC,GAAA,CAAA,CACH;AAEV,CAAC;AAGHZ,gBAAgB,CAAC6B,WAAW,GAAG,kBAAkB;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
import './styles.css';
|
|
3
|
-
export interface CommentsDisabledProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
|
|
4
|
-
heading?: string;
|
|
5
|
-
contentText?: React.ReactNode;
|
|
6
|
-
guidelinesUrl?: string;
|
|
7
|
-
guidelinesLinkText?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare const CommentsDisabled: React.ForwardRefExoticComponent<CommentsDisabledProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { _ as _objectWithoutProperties, a as _objectSpread2 } from '../shared/_rollupPluginBabelHelpers-CSWl3xs2.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { s as styleInject } from '../shared/style-inject.es-Br8gHeuy.js';
|
|
4
|
-
import { Text } from '../Text/Text.js';
|
|
5
|
-
import '../shared/cn-DcOuz-3C.js';
|
|
6
|
-
|
|
7
|
-
var css_248z = ".tds-comments-disabled{align-items:center;display:flex;flex-direction:column;margin-inline:auto;padding-inline:var(--spacing-19);width:100%}.tds-comments-disabled__heading{color:var(--text-primary);margin:0;padding-bottom:var(--spacing-05);padding-top:var(--spacing-21);text-align:center}.tds-comments-disabled__divider{border:none;border-top:var(--spacing-01) solid var(--border-secondary);margin:var(--spacing-03);max-width:522px;opacity:1;width:100%}.tds-comments-disabled__content{color:var(--text-neutral-700);margin:0;padding-bottom:var(--spacing-21);padding-top:var(--spacing-05);text-align:center}.tds-comments-disabled__link{color:var(--tds-foundation-brand-digital-blue);cursor:pointer;text-decoration:underline;transition:color .2s ease-in-out}.tds-comments-disabled__link:hover{color:color-mix(in srgb,var(--tds-foundation-brand-digital-blue) calc(100% - var(--tds-colour-modifier-interactive-hover)*100%),var(--tds-foundation-brand-black))}.tds-comments-disabled__link:active{color:color-mix(in srgb,var(--tds-foundation-brand-digital-blue) calc(100% - var(--tds-colour-modifier-interactive-pressed)*100%),var(--tds-foundation-brand-black))}.tds-comments-disabled__link:focus-visible{outline:var(--spacing-02) solid var(--tds-foundation-brand-digital-blue);outline-offset:var(--spacing-03)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUEsdUJBR0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FDYixxQkFBc0IsQ0FFdEIsa0JBQW1CLENBQ25CLGdDQUFpQyxDQUNqQyxVQUNGLENBR0EsZ0NBS0UseUJBQTBCLENBSjFCLFFBQVMsQ0FFVCxnQ0FBaUMsQ0FEakMsNkJBQThCLENBRTlCLGlCQUVGLENBR0EsZ0NBSUUsV0FBWSxDQUNaLDBEQUEyRCxDQUozRCx3QkFBeUIsQ0FDekIsZUFBZ0IsQ0FJaEIsU0FBVSxDQUhWLFVBSUYsQ0FHQSxnQ0FLRSw2QkFBOEIsQ0FKOUIsUUFBUyxDQUNULGdDQUFpQyxDQUNqQyw2QkFBOEIsQ0FDOUIsaUJBRUYsQ0FHQSw2QkFFRSw4Q0FBK0MsQ0FFL0MsY0FBZSxDQUhmLHlCQUEwQixDQUUxQixnQ0FFRixDQUVBLG1DQUNFLGtLQUtGLENBRUEsb0NBQ0Usb0tBS0YsQ0FHQSwyQ0FDRSx3RUFBeUUsQ0FDekUsZ0NBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuXG4vKipcbiAqIENvbW1lbnRzRGlzYWJsZWQgQ29tcG9uZW50IFN0eWxlc1xuICogTWFwcyBUaW1lcyBEZXNpZ24gU3lzdGVtIHRva2VucyB0byBzZW1hbnRpYyBzdHlsZXNcbiAqL1xuXG4vKiBCYXNlIENvbnRhaW5lciAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1pbmxpbmU6IGF1dG87XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zcGFjaW5nLTE5KTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi8qIEhlYWRpbmcgKi9cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2hlYWRpbmcge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmctdG9wOiB2YXIoLS1zcGFjaW5nLTIxKTtcbiAgcGFkZGluZy1ib3R0b206IHZhcigtLXNwYWNpbmctMDUpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LXByaW1hcnkpO1xufVxuXG4vKiBEaXZpZGVyICovXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19kaXZpZGVyIHtcbiAgbWFyZ2luOiB2YXIoLS1zcGFjaW5nLTAzKTtcbiAgbWF4LXdpZHRoOiA1MjJweDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXRvcDogdmFyKC0tc3BhY2luZy0wMSkgc29saWQgdmFyKC0tYm9yZGVyLXNlY29uZGFyeSk7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi8qIENvbnRlbnQgVGV4dCAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fY29udGVudCB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZy1ib3R0b206IHZhcigtLXNwYWNpbmctMjEpO1xuICBwYWRkaW5nLXRvcDogdmFyKC0tc3BhY2luZy0wNSk7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6IHZhcigtLXRleHQtbmV1dHJhbC03MDApO1xufVxuXG4vKiBHdWlkZWxpbmVzIExpbmsgKi9cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2xpbmsge1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgY29sb3I6IHZhcigtLXRkcy1mb3VuZGF0aW9uLWJyYW5kLWRpZ2l0YWwtYmx1ZSk7XG4gIHRyYW5zaXRpb246IGNvbG9yIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fbGluazpob3ZlciB7XG4gIGNvbG9yOiBjb2xvci1taXgoXG4gICAgaW4gc3JnYixcbiAgICB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1kaWdpdGFsLWJsdWUpIGNhbGMoMTAwJSAtIHZhcigtLXRkcy1jb2xvdXItbW9kaWZpZXItaW50ZXJhY3RpdmUtaG92ZXIpICogMTAwJSksXG4gICAgdmFyKC0tdGRzLWZvdW5kYXRpb24tYnJhbmQtYmxhY2spXG4gICk7XG59XG5cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2xpbms6YWN0aXZlIHtcbiAgY29sb3I6IGNvbG9yLW1peChcbiAgICBpbiBzcmdiLFxuICAgIHZhcigtLXRkcy1mb3VuZGF0aW9uLWJyYW5kLWRpZ2l0YWwtYmx1ZSkgY2FsYygxMDAlIC0gdmFyKC0tdGRzLWNvbG91ci1tb2RpZmllci1pbnRlcmFjdGl2ZS1wcmVzc2VkKSAqIDEwMCUpLFxuICAgIHZhcigtLXRkcy1mb3VuZGF0aW9uLWJyYW5kLWJsYWNrKVxuICApO1xufVxuXG4vKiBGb2N1cyBTdGF0ZSAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fbGluazpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogdmFyKC0tc3BhY2luZy0wMikgc29saWQgdmFyKC0tdGRzLWZvdW5kYXRpb24tYnJhbmQtZGlnaXRhbC1ibHVlKTtcbiAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLXNwYWNpbmctMDMpO1xufVxuXG4vKiBSZXNwb25zaXZlICovXG4vKiBAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnRkcy1jb21tZW50cy1kaXNhYmxlZF9faGVhZGluZyB7XG4gICAgZm9udC1zaXplOiBjYWxjKHZhcigtLWZvbnQtc2l6ZTA0MCkgKiB2YXIoLS10ZHMtdmlld3BvcnQtbXVsdGlwbGllci1zbWFsbCkpO1xuICB9XG5cbiAgLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fY29udGVudCB7XG4gICAgZm9udC1zaXplOiBjYWxjKHZhcigtLWZvbnQtc2l6ZTAzMCkgKiB2YXIoLS10ZHMtdmlld3BvcnQtbXVsdGlwbGllci1zbWFsbCkpO1xuICB9XG59ICovXG4iXX0= */";
|
|
8
|
-
styleInject(css_248z);
|
|
9
|
-
|
|
10
|
-
var _excluded = ["heading", "contentText", "guidelinesUrl", "guidelinesLinkText", "className"];
|
|
11
|
-
var CommentsDisabled = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
12
|
-
var _ref$heading = _ref.heading,
|
|
13
|
-
heading = _ref$heading === void 0 ? 'Comments are not enabled for this article' : _ref$heading,
|
|
14
|
-
_ref$contentText = _ref.contentText,
|
|
15
|
-
contentText = _ref$contentText === void 0 ? 'Comments are subject to our community guidelines, which can be viewed' : _ref$contentText,
|
|
16
|
-
_ref$guidelinesUrl = _ref.guidelinesUrl,
|
|
17
|
-
guidelinesUrl = _ref$guidelinesUrl === void 0 ? '#' : _ref$guidelinesUrl,
|
|
18
|
-
_ref$guidelinesLinkTe = _ref.guidelinesLinkText,
|
|
19
|
-
guidelinesLinkText = _ref$guidelinesLinkTe === void 0 ? 'here' : _ref$guidelinesLinkTe,
|
|
20
|
-
_ref$className = _ref.className,
|
|
21
|
-
className = _ref$className === void 0 ? '' : _ref$className,
|
|
22
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
-
return /*#__PURE__*/React.createElement("div", _objectSpread2({
|
|
24
|
-
ref: ref,
|
|
25
|
-
className: "tds-comments-disabled ".concat(className).trim()
|
|
26
|
-
}, props), /*#__PURE__*/React.createElement(Text, {
|
|
27
|
-
as: "h3",
|
|
28
|
-
typographyStyle: "brand-heading-fluid-light-xsmall",
|
|
29
|
-
classes: "tds-comments-disabled__heading"
|
|
30
|
-
}, heading), /*#__PURE__*/React.createElement("hr", {
|
|
31
|
-
className: "tds-comments-disabled__divider"
|
|
32
|
-
}), /*#__PURE__*/React.createElement(Text, {
|
|
33
|
-
typographyStyle: "utility-body-regular-medium",
|
|
34
|
-
classes: "tds-comments-disabled__content"
|
|
35
|
-
}, contentText, ' ', /*#__PURE__*/React.createElement("a", {
|
|
36
|
-
href: guidelinesUrl,
|
|
37
|
-
className: "tds-comments-disabled__link",
|
|
38
|
-
target: "_blank",
|
|
39
|
-
rel: "noopener noreferrer"
|
|
40
|
-
}, guidelinesLinkText), "."));
|
|
41
|
-
});
|
|
42
|
-
CommentsDisabled.displayName = 'CommentsDisabled';
|
|
43
|
-
|
|
44
|
-
export { CommentsDisabled };
|
|
45
|
-
//# sourceMappingURL=CommentsDisabled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CommentsDisabled.js","sources":["../../src/CommentsDisabled/CommentsDisabled.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport './styles.css';\nimport { Text } from '../Text/Text';\n\nexport interface CommentsDisabledProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {\n heading?: string;\n contentText?: React.ReactNode;\n guidelinesUrl?: string;\n guidelinesLinkText?: string;\n className?: string;\n}\n\nexport const CommentsDisabled = React.forwardRef<\n HTMLDivElement,\n CommentsDisabledProps\n>(\n (\n {\n heading = 'Comments are not enabled for this article',\n contentText = 'Comments are subject to our community guidelines, which can be viewed',\n guidelinesUrl = '#',\n guidelinesLinkText = 'here',\n className = '',\n ...props\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={`tds-comments-disabled ${className}`.trim()}\n {...props}\n >\n <Text\n as=\"h3\"\n typographyStyle=\"brand-heading-fluid-light-xsmall\"\n classes=\"tds-comments-disabled__heading\"\n >\n {heading}\n </Text>\n <hr className=\"tds-comments-disabled__divider\" />\n <Text\n typographyStyle=\"utility-body-regular-medium\"\n classes=\"tds-comments-disabled__content\"\n >\n {contentText}{' '}\n <a\n href={guidelinesUrl}\n className=\"tds-comments-disabled__link\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {guidelinesLinkText}\n </a>\n .\n </Text>\n </div>\n );\n }\n);\n\nCommentsDisabled.displayName = 'CommentsDisabled';\n"],"names":["CommentsDisabled","React","forwardRef","_ref","ref","_ref$heading","heading","_ref$contentText","contentText","_ref$guidelinesUrl","guidelinesUrl","_ref$guidelinesLinkTe","guidelinesLinkText","_ref$className","className","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","concat","trim","Text","as","typographyStyle","classes","href","target","rel","displayName"],"mappings":";;;;;;;;;;AAaO,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,UAAU,CAI9C,UAAAC,IAAA,EASEC,GAAG,EACD;AAAA,EAAA,IAAAC,YAAA,GAAAF,IAAA,CARAG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,2CAA2C,GAAAA,YAAA;IAAAE,gBAAA,GAAAJ,IAAA,CACrDK,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,uEAAuE,GAAAA,gBAAA;IAAAE,kBAAA,GAAAN,IAAA,CACrFO,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,MAAA,GAAG,GAAG,GAAAA,kBAAA;IAAAE,qBAAA,GAAAR,IAAA,CACnBS,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,qBAAA;IAAAE,cAAA,GAAAV,IAAA,CAC3BW,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AACXE,IAAAA,KAAK,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;AAIV,EAAA,oBACEhB,KAAA,CAAAiB,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA;AACEf,IAAAA,GAAG,EAAEA,GAAG;AACRU,IAAAA,SAAS,EAAE,wBAAA,CAAAM,MAAA,CAAyBN,SAAS,CAAA,CAAGO,IAAI;AAAE,GAAA,EAClDN,KAAK,CAAA,eAETd,KAAA,CAAAiB,aAAA,CAACI,IAAI,EAAA;AACHC,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,eAAe,EAAC,kCAAkC;AAClDC,IAAAA,OAAO,EAAC;GAAgC,EAEvCnB,OAAO,CACH,eACPL,KAAA,CAAAiB,aAAA,CAAA,IAAA,EAAA;AAAIJ,IAAAA,SAAS,EAAC;AAAgC,GAAA,CAAG,eACjDb,KAAA,CAAAiB,aAAA,CAACI,IAAI;AACHE,IAAAA,eAAe,EAAC,6BAA6B;AAC7CC,IAAAA,OAAO,EAAC;GAAgC,EAEvCjB,WAAW,EAAE,GAAG,eACjBP,KAAA,CAAAiB,aAAA,CAAA,GAAA,EAAA;AACEQ,IAAAA,IAAI,EAAEhB,aAAa;AACnBI,IAAAA,SAAS,EAAC,6BAA6B;AACvCa,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC;AAAqB,GAAA,EAExBhB,kBAAkB,CACjB,EAEC,GAAA,CAAA,CACH;AAEV,CAAC;AAGHZ,gBAAgB,CAAC6B,WAAW,GAAG,kBAAkB;;;;"}
|