@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 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
@@ -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
- .video-article-container .video-article-up-next {
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
- .up-next-articles-container {
38
- padding: var(--spacing-09);
39
- position: relative;
40
- }
41
- @media (min-width: 768px) {
42
- .up-next-articles-container {
43
- padding: var(--spacing-13);
44
- }
45
- }
46
- @media (min-width: 1024px) {
47
- .up-next-articles-container {
48
- padding: 0;
49
- }
50
- }
51
- .up-next-articles-container .up-next-article-image {
52
- padding-bottom: 56.25%;
53
- position: relative;
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
- .up-next-articles-container .up-next-articles .up-next-article {
109
- display: flex;
110
- flex-direction: column;
111
- gap: var(--spacing-03);
112
- position: relative;
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
- .up-next-articles-container .up-next-articles .up-next-article:not(:last-child)::after {
115
- content: "";
116
- position: absolute;
117
- background-color: #222;
118
- z-index: 1;
119
- height: 100%;
120
- width: var(--spacing-01);
121
- right: calc(-1 * var(--spacing-05));
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
- @media (min-width: 1024px) {
124
- .up-next-articles-container .up-next-articles .up-next-article:not(:last-child)::after {
125
- height: var(--spacing-01);
126
- width: 100%;
127
- left: 0;
128
- bottom: calc(-1 * var(--spacing-05));
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
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container {
132
- position: relative;
133
- margin-bottom: var(--spacing-09);
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
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-duration {
136
- z-index: 2;
137
- bottom: 0;
138
- left: var(--spacing-05);
139
- position: absolute;
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
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-overlay {
142
- bottom: 0;
143
- position: absolute;
144
- width: 100%;
145
- height: 50%;
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
- .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 {
150
- opacity: 1;
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.1-alpha.0+c0ef5ad7",
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": "c0ef5ad728c0c40833daa6cfbb69dc61f3617fe1"
119
+ "gitHead": "201ed7aaa54d2ce981dd2c1559b10e60e0370df8"
130
120
  }
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import './styles.css';
3
- interface ArticleMetaProps {
4
- children?: React.ReactNode;
5
- }
6
- /** Primary ArticleMeta UI component for user interaction */
7
- export declare const ArticleMetaContainer: React.FC<ArticleMetaProps>;
8
- export {};
@@ -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;;;;"}