@times-design-system/components-react 1.1.0 → 1.1.2-alpha.11

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.
Files changed (67) hide show
  1. package/README.md +1 -2
  2. package/dist/AdContainer/{AdContainer.cjs.js → AdContainer.cjs} +4 -4
  3. package/dist/AdContainer/AdContainer.cjs.map +1 -0
  4. package/dist/Button/{Button.cjs.js → Button.cjs} +6 -6
  5. package/dist/Button/Button.cjs.map +1 -0
  6. package/dist/Button/{ButtonContainer.cjs.js → ButtonContainer.cjs} +5 -5
  7. package/dist/Button/ButtonContainer.cjs.map +1 -0
  8. package/dist/Chip/{Chip.cjs.js → Chip.cjs} +5 -5
  9. package/dist/Chip/Chip.cjs.map +1 -0
  10. package/dist/Divider/{Divider.cjs.js → Divider.cjs} +4 -4
  11. package/dist/Divider/Divider.cjs.map +1 -0
  12. package/dist/Flag/{Flag.cjs.js → Flag.cjs} +5 -5
  13. package/dist/Flag/Flag.cjs.map +1 -0
  14. package/dist/Icon/{Icon.cjs.js → Icon.cjs} +2 -2
  15. package/dist/Icon/{Icon.cjs.js.map → Icon.cjs.map} +1 -1
  16. package/dist/IconButton/{IconButton.cjs.js → IconButton.cjs} +6 -6
  17. package/dist/IconButton/IconButton.cjs.map +1 -0
  18. package/dist/Input/{Input.cjs.js → Input.cjs} +3 -3
  19. package/dist/Input/Input.cjs.map +1 -0
  20. package/dist/Link/{Link.cjs.js → Link.cjs} +5 -5
  21. package/dist/Link/Link.cjs.map +1 -0
  22. package/dist/Text/{Text.cjs.js → Text.cjs} +3 -3
  23. package/dist/Text/Text.cjs.map +1 -0
  24. package/dist/Toast/{Toast.cjs.js → Toast.cjs} +5 -5
  25. package/dist/Toast/Toast.cjs.map +1 -0
  26. package/dist/index.cjs +34 -0
  27. package/dist/index.cjs.map +1 -0
  28. package/dist/index.js +0 -2
  29. package/dist/index.js.map +1 -1
  30. package/dist/shared/{_rollupPluginBabelHelpers-xUOatjtv.cjs.js → _rollupPluginBabelHelpers-xUOatjtv.cjs} +1 -1
  31. package/dist/shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.map +1 -0
  32. package/dist/shared/{cn-CPfjOlzZ.cjs.js → cn-CPfjOlzZ.cjs} +1 -1
  33. package/dist/shared/cn-CPfjOlzZ.cjs.map +1 -0
  34. package/dist/shared/{style-inject.es-DnsWrQaj.cjs.js → style-inject.es-DnsWrQaj.cjs} +1 -1
  35. package/dist/shared/style-inject.es-DnsWrQaj.cjs.map +1 -0
  36. package/dist/styles.css +63 -142
  37. package/dist/utils/{hooks.cjs.js → hooks.cjs} +1 -1
  38. package/dist/utils/hooks.cjs.map +1 -0
  39. package/package.json +15 -25
  40. package/dist/AdContainer/AdContainer.cjs.js.map +0 -1
  41. package/dist/Article/ArticleMetaContainer/ArticleMetaContainer.d.ts +0 -8
  42. package/dist/Article/UpNextArticles/UpNextArticles.d.ts +0 -13
  43. package/dist/Article/UpNextArticles.cjs.js +0 -63
  44. package/dist/Article/UpNextArticles.cjs.js.map +0 -1
  45. package/dist/Article/UpNextArticles.js +0 -61
  46. package/dist/Article/UpNextArticles.js.map +0 -1
  47. package/dist/Button/Button.cjs.js.map +0 -1
  48. package/dist/Button/ButtonContainer.cjs.js.map +0 -1
  49. package/dist/Chip/Chip.cjs.js.map +0 -1
  50. package/dist/CommentsDisabled/CommentsDisabled.cjs.js +0 -47
  51. package/dist/CommentsDisabled/CommentsDisabled.cjs.js.map +0 -1
  52. package/dist/CommentsDisabled/CommentsDisabled.d.ts +0 -10
  53. package/dist/CommentsDisabled/CommentsDisabled.js +0 -45
  54. package/dist/CommentsDisabled/CommentsDisabled.js.map +0 -1
  55. package/dist/Divider/Divider.cjs.js.map +0 -1
  56. package/dist/Flag/Flag.cjs.js.map +0 -1
  57. package/dist/IconButton/IconButton.cjs.js.map +0 -1
  58. package/dist/Input/Input.cjs.js.map +0 -1
  59. package/dist/Link/Link.cjs.js.map +0 -1
  60. package/dist/Text/Text.cjs.js.map +0 -1
  61. package/dist/Toast/Toast.cjs.js.map +0 -1
  62. package/dist/index.cjs.js +0 -38
  63. package/dist/index.cjs.js.map +0 -1
  64. package/dist/shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js.map +0 -1
  65. package/dist/shared/cn-CPfjOlzZ.cjs.js.map +0 -1
  66. package/dist/shared/style-inject.es-DnsWrQaj.cjs.js.map +0 -1
  67. package/dist/utils/hooks.cjs.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-design-system/components-react",
3
- "version": "1.1.0",
3
+ "version": "1.1.2-alpha.11+cad67ea4",
4
4
  "type": "module",
5
5
  "description": "Times Design System components",
6
6
  "keywords": [
@@ -16,77 +16,67 @@
16
16
  "exports": {
17
17
  ".": {
18
18
  "import": "./dist/index.js",
19
- "require": "./dist/index.cjs.js",
19
+ "require": "./dist/index.cjs",
20
20
  "types": "./dist/index.d.ts"
21
21
  },
22
22
  "./Button": {
23
23
  "import": "./dist/Button/Button.js",
24
- "require": "./dist/Button/Button.cjs.js",
24
+ "require": "./dist/Button/Button.cjs",
25
25
  "types": "./dist/Button/Button.d.ts"
26
26
  },
27
27
  "./IconButton": {
28
28
  "import": "./dist/IconButton/IconButton.js",
29
- "require": "./dist/IconButton/IconButton.cjs.js",
29
+ "require": "./dist/IconButton/IconButton.cjs",
30
30
  "types": "./dist/IconButton/IconButton.d.ts"
31
31
  },
32
32
  "./AdContainer": {
33
33
  "import": "./dist/AdContainer/AdContainer.js",
34
- "require": "./dist/AdContainer/AdContainer.cjs.js",
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.js",
40
- "types": "./dist/CommentsDisabled/CommentsDisabled.d.ts"
41
- },
42
37
  "./Text": {
43
38
  "import": "./dist/Text/Text.js",
44
- "require": "./dist/Text/Text.cjs.js",
39
+ "require": "./dist/Text/Text.cjs",
45
40
  "types": "./dist/Text/Text.d.ts"
46
41
  },
47
42
  "./Input": {
48
43
  "import": "./dist/Input/Input.js",
49
- "require": "./dist/Input/Input.cjs.js",
44
+ "require": "./dist/Input/Input.cjs",
50
45
  "types": "./dist/Input/Input.d.ts"
51
46
  },
52
47
  "./Divider": {
53
48
  "import": "./dist/Divider/Divider.js",
54
- "require": "./dist/Divider/Divider.cjs.js",
49
+ "require": "./dist/Divider/Divider.cjs",
55
50
  "types": "./dist/Divider/Divider.d.ts"
56
51
  },
57
52
  "./Link": {
58
53
  "import": "./dist/Link/Link.js",
59
- "require": "./dist/Link/Link.cjs.js",
54
+ "require": "./dist/Link/Link.cjs",
60
55
  "types": "./dist/Link/Link.d.ts"
61
56
  },
62
57
  "./Chip": {
63
58
  "import": "./dist/Chip/Chip.js",
64
- "require": "./dist/Chip/Chip.cjs.js",
59
+ "require": "./dist/Chip/Chip.cjs",
65
60
  "types": "./dist/Chip/Chip.d.ts"
66
61
  },
67
62
  "./Flag": {
68
63
  "import": "./dist/Flag/Flag.js",
69
- "require": "./dist/Flag/Flag.cjs.js",
64
+ "require": "./dist/Flag/Flag.cjs",
70
65
  "types": "./dist/Flag/Flag.d.ts"
71
66
  },
72
67
  "./Toast": {
73
68
  "import": "./dist/Toast/Toast.js",
74
- "require": "./dist/Toast/Toast.cjs.js",
69
+ "require": "./dist/Toast/Toast.cjs",
75
70
  "types": "./dist/Toast/Toast.d.ts"
76
71
  },
77
72
  "./Icon": {
78
73
  "import": "./dist/Icon/Icon.js",
79
- "require": "./dist/Icon/Icon.cjs.js",
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.js",
85
- "types": "./dist/Article/UpNextArticles.d.ts"
86
- },
87
77
  "./utils": {
88
78
  "import": "./dist/utils/hooks.js",
89
- "require": "./dist/utils/hooks.cjs.js",
79
+ "require": "./dist/utils/hooks.cjs",
90
80
  "types": "./dist/utils/hooks.d.ts"
91
81
  }
92
82
  },
@@ -126,5 +116,5 @@
126
116
  "postcss": "^8.4.31",
127
117
  "typescript": "^5.0.0"
128
118
  },
129
- "gitHead": "ee86ad78f07123ca4a7890aecbb698e67f4ab017"
119
+ "gitHead": "cad67ea4104c7c07f1c47ee41a658d21ce63eafd"
130
120
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdContainer.cjs.js","sources":["../../src/AdContainer/AdContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '../Text/Text';\nimport './styles.css';\n\ninterface AdContainerProps {\n type?: 'header' | 'inline';\n slotID?: string;\n}\n\n/** Primary AdContainer UI component for user interaction */\n\nexport const AdContainer: React.FC<AdContainerProps> = ({\n type = 'inline',\n slotID\n}) => {\n return (\n <div\n className={`ad-${type}-container`}\n data-testid={`ad-${type}-container`}\n >\n {type === 'inline' && (\n <Text as=\"span\" classes=\"ad-label\">\n Advertisement\n </Text>\n )}\n <div className={`ad-${type}-wrapper`}>\n <div id={type === 'header' ? 'ad-header' : slotID}></div>\n </div>\n </div>\n );\n};\n"],"names":["AdContainer","_ref","_ref$type","type","slotID","React","createElement","className","concat","Text","as","classes","id"],"mappings":";;;;;;;;;;AASA;IAEaA,WAAW,GAA+B,SAA1CA,WAAWA,CAAAC,IAAA,EAGnB;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAFHE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAH,IAAA,CAANG,MAAM;AAEN,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAA,KAAA,CAAAC,MAAA,CAAQL,IAAI,EAAA,YAAA,CAAY;IAAA,aAAA,EAAA,KAAA,CAAAK,MAAA,CACdL,IAAI,EAAA,YAAA;GAAY,EAElCA,IAAI,KAAK,QAAQ,kBAChBE,oBAACI,cAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC;qBAEjB,CACR,eACDN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAA,KAAA,CAAAC,MAAA,CAAQL,IAAI,EAAA,UAAA;AAAU,GAAA,eAClCE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKM,IAAAA,EAAE,EAAET,IAAI,KAAK,QAAQ,GAAG,WAAW,GAAGC;IAAc,CACrD,CACF;AAEV;;;;"}
@@ -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.js');
5
- var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs.js');
6
- require('../shared/cn-CPfjOlzZ.cjs.js');
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.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"UpNextArticles.cjs.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,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 +0,0 @@
1
- {"version":3,"file":"Button.cjs.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\nimport { IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\nimport { ButtonContainer, ButtonContainerProps } from './ButtonContainer';\nimport { cn } from '../utils/cn';\n\nexport interface ButtonProps extends ButtonContainerProps {\n /** The text label displayed inside the button */\n label?: string;\n /** Show an icon on the left side of the label */\n iconLeft?: IconName;\n /** Show an icon on the right side of the label */\n iconRight?: IconName;\n}\n\n/** Primary UI component for user interaction */\nexport const Button: React.FC<ButtonProps> = ({\n behaviour = 'hug',\n iconLeft,\n iconRight,\n intent = 'primary',\n label = 'Button label',\n size = 'large',\n state = 'base',\n disabled = false,\n children,\n className,\n type = 'button',\n href,\n target,\n rel,\n onClick\n}) => {\n const resolvedLabel = children ?? label;\n\n const buttonContent = (\n <>\n {iconLeft && (\n <span className=\"tds-button__icon\" aria-hidden=\"true\">\n <Icon iconName={iconLeft} />\n </span>\n )}\n\n {\n <span className=\"tds-button__label-container\">\n <span className=\"tds-button__label\">{resolvedLabel}</span>\n </span>\n }\n\n {iconRight && (\n <span className=\"tds-button__icon\" aria-hidden=\"true\">\n <Icon iconName={iconRight} />\n </span>\n )}\n </>\n );\n\n return (\n <ButtonContainer\n behaviour={behaviour}\n intent={intent}\n size={size}\n state={state}\n disabled={disabled}\n href={href}\n target={target}\n rel={rel}\n className={cn(`tds-button--size-${size}`, className)}\n type={type}\n onClick={onClick}\n >\n {buttonContent}\n </ButtonContainer>\n );\n};\n"],"names":["Button","_ref","_ref$behaviour","behaviour","iconLeft","iconRight","_ref$intent","intent","_ref$label","label","_ref$size","size","_ref$state","state","_ref$disabled","disabled","children","className","_ref$type","type","href","target","rel","onClick","resolvedLabel","buttonContent","React","createElement","Fragment","Icon","iconName","ButtonContainer","cn","concat"],"mappings":";;;;;;;;;AAgBA;IACaA,MAAM,GAA0B,SAAhCA,MAAMA,CAAAC,IAAA,EAgBd;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAfHE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,cAAA;IACjBE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,WAAA,GAAAL,IAAA,CACTM,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,UAAA,GAAAP,IAAA,CAClBQ,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,cAAc,GAAAA,UAAA;IAAAE,SAAA,GAAAT,IAAA,CACtBU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,SAAA;IAAAE,UAAA,GAAAX,IAAA,CACdY,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,UAAA;IAAAE,aAAA,GAAAb,IAAA,CACdc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,SAAS,GAAAhB,IAAA,CAATgB,SAAS;IAAAC,SAAA,GAAAjB,IAAA,CACTkB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,IAAI,GAAAnB,IAAA,CAAJmB,IAAI;IACJC,MAAM,GAAApB,IAAA,CAANoB,MAAM;IACNC,GAAG,GAAArB,IAAA,CAAHqB,GAAG;IACHC,OAAO,GAAAtB,IAAA,CAAPsB,OAAO;EAEP,IAAMC,aAAa,GAAGR,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAARA,QAAQ,GAAIP,KAAK;AAEvC,EAAA,IAAMgB,aAAa,gBACjBC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACGxB,QAAQ,kBACPsB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMV,IAAAA,SAAS,EAAC,kBAAkB;mBAAa;AAAM,GAAA,eACnDS,KAAA,CAAAC,aAAA,CAACE,cAAI,EAAA;AAACC,IAAAA,QAAQ,EAAE1B;GAAQ,CAAI,CACvB,CACR,eAGCsB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMV,IAAAA,SAAS,EAAC;AAA6B,GAAA,eAC3CS,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMV,IAAAA,SAAS,EAAC;AAAmB,GAAA,EAAEO,aAAa,CAAQ,CACrD,EAGRnB,SAAS,kBACRqB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMV,IAAAA,SAAS,EAAC,kBAAkB;mBAAa;AAAM,GAAA,eACnDS,KAAA,CAAAC,aAAA,CAACE,cAAI,EAAA;AAACC,IAAAA,QAAQ,EAAEzB;IAAa,CACxB,CACR,CAEJ;AAED,EAAA,oBACEqB,KAAA,CAAAC,aAAA,CAACI,sCAAe,EAAA;AACd5B,IAAAA,SAAS,EAAEA,SAAS;AACpBI,IAAAA,MAAM,EAAEA,MAAM;AACdI,IAAAA,IAAI,EAAEA,IAAI;AACVE,IAAAA,KAAK,EAAEA,KAAK;AACZE,IAAAA,QAAQ,EAAEA,QAAQ;AAClBK,IAAAA,IAAI,EAAEA,IAAI;AACVC,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,GAAG,EAAEA,GAAG;IACRL,SAAS,EAAEe,KAAE,CAAA,mBAAA,CAAAC,MAAA,CAAqBtB,IAAI,CAAA,EAAIM,SAAS,CAAC;AACpDE,IAAAA,IAAI,EAAEA,IAAI;AACVI,IAAAA,OAAO,EAAEA;GAAO,EAEfE,aAAa,CACE;AAEtB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonContainer.cjs.js","sources":["../../src/Button/ButtonContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../utils/cn';\nimport './styles.css';\nimport { Icon } from '../Icon/Icon';\n\ntype ButtonIntent = 'primary' | 'secondary' | 'negative';\ntype ButtonSize = 'small' | 'medium' | 'large';\ntype ButtonBehaviour = 'hug' | 'full';\ntype ButtonState =\n | 'base'\n | 'hover'\n | 'pressed'\n | 'loading'\n | 'disabled'\n | 'focus';\n\nexport interface ButtonContainerProps {\n /** Controls the width behaviour — 'Hug' fits content, '100%' fills the container */\n behaviour?: ButtonBehaviour;\n /** Visual style variant — Primary (filled), Secondary (outlined), or Negative (destructive) */\n intent?: ButtonIntent;\n /** Controls the overall dimensions of the button */\n size?: ButtonSize;\n /** The interaction state — controls visual feedback for hover, press, focus, loading, and disabled */\n state?: ButtonState;\n /** Accessible name for this icon-only control */\n ariaLabel?: string;\n /** Optional href to render as a link */\n href?: string;\n /** Optional target attribute for links */\n target?: '_blank' | '_self' | '_parent' | '_top';\n /** Optional rel attribute for links */\n rel?: string;\n /** @ignore */\n disabled?: boolean;\n /** @ignore */\n onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n /** @ignore */\n className?: string;\n /** @ignore */\n type?: 'button' | 'submit' | 'reset';\n /** @ignore */\n children?: React.ReactNode;\n}\n\n/** Primary UI component for user interaction */\nexport const ButtonContainer: React.FC<ButtonContainerProps> = ({\n behaviour,\n intent = 'primary',\n state = 'base',\n disabled = false,\n ariaLabel = undefined,\n href,\n target,\n rel,\n children,\n className,\n type = 'button',\n onClick\n}) => {\n const isLoading = state === 'loading';\n const isDisabled = disabled || state === 'disabled' || isLoading;\n\n const buttonClasses = cn(\n 'tds-button',\n `tds-button--intent-${intent}`,\n behaviour ? `tds-button--behaviour-${behaviour}` : undefined,\n `tds-button--state-${state}`,\n isLoading ? 'tds-button--loading' : undefined,\n className\n );\n\n const buttonContent = isLoading ? (\n <span className=\"tds-button__spinner\" aria-hidden=\"true\">\n <Icon iconName=\"filled_loading\" />\n </span>\n ) : (\n children\n );\n\n // Render as anchor tag if href is provided\n if (href) {\n return (\n <a\n href={href}\n target={target}\n rel={rel || (target === '_blank' ? 'noopener noreferrer' : undefined)}\n onClick={onClick as React.MouseEventHandler<HTMLAnchorElement>}\n className={buttonClasses}\n aria-busy={isLoading || undefined}\n aria-label={ariaLabel}\n >\n {buttonContent}\n </a>\n );\n }\n\n // Render as button element\n return (\n <button\n type={type}\n className={buttonClasses}\n aria-busy={isLoading || undefined}\n aria-label={ariaLabel}\n disabled={isDisabled}\n onClick={onClick}\n >\n {buttonContent}\n </button>\n );\n};\n"],"names":["ButtonContainer","_ref","behaviour","_ref$intent","intent","_ref$state","state","_ref$disabled","disabled","_ref$ariaLabel","ariaLabel","undefined","href","target","rel","children","className","_ref$type","type","onClick","isLoading","isDisabled","buttonClasses","cn","concat","buttonContent","React","createElement","Icon","iconName"],"mappings":";;;;;;;;;;;AA6CA;IACaA,eAAe,GAAmC,SAAlDA,eAAeA,CAAAC,IAAA,EAavB;AAAA,EAAA,IAZHC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,WAAA,GAAAF,IAAA,CACTG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,UAAA,GAAAJ,IAAA,CAClBK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,UAAA;IAAAE,aAAA,GAAAN,IAAA,CACdO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAR,IAAA,CAChBS,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAGE,SAAS,GAAAF,cAAA;IACrBG,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,GAAG,GAAAb,IAAA,CAAHa,GAAG;IACHC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACRC,SAAS,GAAAf,IAAA,CAATe,SAAS;IAAAC,SAAA,GAAAhB,IAAA,CACTiB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,OAAO,GAAAlB,IAAA,CAAPkB,OAAO;AAEP,EAAA,IAAMC,SAAS,GAAGd,KAAK,KAAK,SAAS;EACrC,IAAMe,UAAU,GAAGb,QAAQ,IAAIF,KAAK,KAAK,UAAU,IAAIc,SAAS;AAEhE,EAAA,IAAME,aAAa,GAAGC,KAAE,CACtB,YAAY,EAAA,qBAAA,CAAAC,MAAA,CACUpB,MAAM,CAAA,EAC5BF,SAAS,GAAA,wBAAA,CAAAsB,MAAA,CAA4BtB,SAAS,CAAA,GAAKS,SAAS,EAAA,oBAAA,CAAAa,MAAA,CACvClB,KAAK,CAAA,EAC1Bc,SAAS,GAAG,qBAAqB,GAAGT,SAAS,EAC7CK,SAAS,CACV;EAED,IAAMS,aAAa,GAAGL,SAAS,iBAC7BM,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAC,qBAAqB;AAAA,IAAA,aAAA,EAAa;AAAM,GAAA,eACtDU,KAAA,CAAAC,aAAA,CAACC,cAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC;GAAgB,CAAG,CAC7B,IAEPd,QACD;AAED;AACA,EAAA,IAAIH,IAAI,EAAE;AACR,IAAA,oBACEc;AACEd,MAAAA,IAAI,EAAEA,IAAI;AACVC,MAAAA,MAAM,EAAEA,MAAM;MACdC,GAAG,EAAEA,GAAG,KAAKD,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGF,SAAS,CAAC;AACrEQ,MAAAA,OAAO,EAAEA,OAAqD;AAC9DH,MAAAA,SAAS,EAAEM,aAAa;MAAA,WAAA,EACbF,SAAS,IAAIT,SAAS;AAAA,MAAA,YAAA,EACrBD;KAAS,EAEpBe,aAAa,CACZ;AAER,EAAA;AAEA;AACA,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACET,IAAAA,IAAI,EAAEA,IAAI;AACVF,IAAAA,SAAS,EAAEM,aAAa;IAAA,WAAA,EACbF,SAAS,IAAIT,SAAS;AAAA,IAAA,YAAA,EACrBD,SAAS;AACrBF,IAAAA,QAAQ,EAAEa,UAAU;AACpBF,IAAAA,OAAO,EAAEA;GAAO,EAEfM,aAAa,CACP;AAEb;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.cjs.js","sources":["../../src/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../utils/cn';\nimport './styles.css';\nimport { IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\n\ntype ChipIntent = 'primary' | 'secondary';\ntype ChipSize = 'small' | 'large';\ntype ChipState = 'base' | 'hover' | 'pressed' | 'disabled' | 'focus';\n\nexport interface ChipProps {\n /** Visual emphasis style */\n intent?: ChipIntent;\n /** Chip size variant */\n size?: ChipSize;\n /** Visual preview state for parity/testing */\n state?: ChipState;\n /** Applies channel color token family */\n channel?: boolean;\n /** Persistent toggle selection state */\n toggle?: boolean;\n /** Show a leading icon */\n iconLeft?: IconName;\n /** Show a trailing icon */\n iconRight?: IconName;\n /** Label content */\n children?: React.ReactNode;\n /** Optional accessible name override */\n 'aria-label'?: string;\n /** Optional camelCase alias for aria-label */\n ariaLabel?: string;\n /** @ignore */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n /** @ignore */\n className?: string;\n /** @ignore */\n disabled?: boolean;\n /** @ignore */\n type?: 'button' | 'submit' | 'reset';\n}\n\n/** Compact selectable/toggle control for in-page state changes */\nexport const Chip: React.FC<ChipProps> = ({\n intent = 'primary',\n size = 'small',\n state = 'base',\n channel = false,\n toggle = false,\n iconLeft,\n iconRight,\n children,\n 'aria-label': ariaLabelProp,\n ariaLabel,\n onClick,\n className,\n disabled = false,\n type = 'button'\n}) => {\n const resolvedDisabled = disabled || state === 'disabled';\n const resolvedLabel = children ?? 'Chip Label';\n const resolvedAriaLabel = ariaLabelProp ?? ariaLabel;\n const toggleClass = toggle ? 'off' : 'on';\n\n return (\n <button\n type={type}\n className={cn(\n 'tds-chip',\n `tds-chip--intent-${intent}`,\n `tds-chip--size-${size}`,\n `tds-chip--state-${state}`,\n `tds-chip--toggle-${toggleClass}`,\n channel ? 'tds-chip--channel-true' : 'tds-chip--channel-false',\n className\n )}\n aria-label={resolvedAriaLabel}\n aria-pressed={toggle ? true : undefined}\n disabled={resolvedDisabled}\n onClick={onClick}\n >\n {iconLeft && (\n <span className=\"tds-chip__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconLeft} />}\n </span>\n )}\n\n <span className=\"tds-chip__label\">{resolvedLabel}</span>\n\n {iconRight && (\n <span className=\"tds-chip__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconRight} />}\n </span>\n )}\n </button>\n );\n};\n"],"names":["Chip","_ref","_ref$intent","intent","_ref$size","size","_ref$state","state","_ref$channel","channel","_ref$toggle","toggle","iconLeft","iconRight","children","ariaLabelProp","ariaLabel","onClick","className","_ref$disabled","disabled","_ref$type","type","resolvedDisabled","resolvedLabel","resolvedAriaLabel","toggleClass","React","createElement","cn","concat","undefined","Icon","iconName"],"mappings":"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"}
@@ -1,47 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js');
4
- var React = require('react');
5
- var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs.js');
6
- var Text_Text = require('../Text/Text.cjs.js');
7
- require('../shared/cn-CPfjOlzZ.cjs.js');
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.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CommentsDisabled.cjs.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,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;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.cjs.js","sources":["../../src/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\nimport { cn } from '../utils/cn';\n\nexport interface DividerProps {\n /** Line style: dashed for editorial content breaks, solid for structural UI separation */\n isDashed?: boolean;\n /** Axis along which the divider is drawn */\n isVertical?: boolean;\n /** Adds gutter spacing around the line */\n padding?: boolean;\n /** CSS class for additional styling */\n className?: string;\n}\n\nexport const Divider: React.FC<DividerProps> = ({\n isDashed = false,\n isVertical = false,\n padding = true,\n className = '',\n ...props\n}) => {\n return (\n <div\n role=\"separator\"\n aria-orientation={isVertical ? 'vertical' : 'horizontal'}\n className={cn(\n 'tds-divider',\n isVertical ? 'tds-divider--vertical' : 'tds-divider--horizontal',\n isDashed ? 'tds-divider--dashed' : 'tds-divider--solid',\n padding ? 'tds-divider--padding' : '',\n className\n )}\n {...props}\n />\n );\n};\n"],"names":["Divider","_ref","_ref$isDashed","isDashed","_ref$isVertical","isVertical","_ref$padding","padding","_ref$className","className","props","_objectWithoutProperties","_excluded","React","createElement","_objectSpread","role","cn"],"mappings":";;;;;;;;;;;IAeaA,OAAO,GAA2B,SAAlCA,OAAOA,CAAAC,IAAA,EAMf;AAAA,EAAA,IAAAC,aAAA,GAAAD,IAAA,CALHE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAE,eAAA,GAAAH,IAAA,CAChBI,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,YAAA,GAAAL,IAAA,CAClBM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,YAAA;IAAAE,cAAA,GAAAP,IAAA,CACdQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AACXE,IAAAA,KAAK,GAAAC,kDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA;AAER,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,wCAAA,CAAA;AACEC,IAAAA,IAAI,EAAC,WAAW;AAAA,IAAA,kBAAA,EACEX,UAAU,GAAG,UAAU,GAAG,YAAY;IACxDI,SAAS,EAAEQ,KAAE,CACX,aAAa,EACbZ,UAAU,GAAG,uBAAuB,GAAG,yBAAyB,EAChEF,QAAQ,GAAG,qBAAqB,GAAG,oBAAoB,EACvDI,OAAO,GAAG,sBAAsB,GAAG,EAAE,EACrCE,SAAS;GACV,EACGC,KAAK,CAAA,CACT;AAEN;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Flag.cjs.js","sources":["../../src/Flag/Flag.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../utils/cn';\nimport './styles.css';\nimport { IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\n\ntype FlagIntent = 'primary' | 'secondary' | 'callout';\ntype FlagSize = 'medium' | 'small';\n\nexport interface FlagProps extends React.HTMLAttributes<HTMLSpanElement> {\n /** Visual treatment */\n intent?: FlagIntent;\n /** Typography size variant */\n size?: FlagSize;\n /** Show an icon on the left side of the label */\n iconLeft?: IconName;\n /** Show an icon on the right side of the label */\n iconRight?: IconName;\n /** Visible label text */\n label?: string;\n /** Optional slot content alias for label */\n children?: React.ReactNode;\n /** Optional accessible name override */\n 'aria-label'?: string;\n /** Optional camelCase alias for aria-label */\n ariaLabel?: string;\n}\n\n/** Small editorial tag used to signal live/update/channel context near article metadata */\nexport const Flag: React.FC<FlagProps> = ({\n intent = 'primary',\n size = 'medium',\n iconLeft,\n iconRight,\n label = 'LABEL',\n children,\n className,\n 'aria-label': ariaLabelProp,\n ariaLabel,\n ...rest\n}) => {\n const resolvedLabel = children ?? label;\n const resolvedAriaLabel = ariaLabelProp ?? ariaLabel;\n\n return (\n <span\n className={cn(\n 'tds-flag',\n `tds-flag--intent-${intent}`,\n `tds-flag--size-${size}`,\n className\n )}\n aria-label={resolvedAriaLabel}\n {...rest}\n >\n {iconLeft && (\n <span className=\"tds-flag__icon\" aria-hidden=\"true\">\n <Icon iconName={iconLeft} />\n </span>\n )}\n\n <span className=\"tds-flag__label\">{resolvedLabel}</span>\n\n {iconRight && (\n <span className=\"tds-flag__icon\" aria-hidden=\"true\">\n <Icon iconName={iconRight} />\n </span>\n )}\n </span>\n );\n};\n"],"names":["Flag","_ref","_ref$intent","intent","_ref$size","size","iconLeft","iconRight","_ref$label","label","children","className","ariaLabelProp","ariaLabel","rest","_objectWithoutProperties","_excluded","resolvedLabel","resolvedAriaLabel","React","cn","concat","createElement","Icon","iconName"],"mappings":";;;;;;;;;;;;AA4BA;IACaA,IAAI,GAAwB,SAA5BA,IAAIA,CAAAC,IAAA,EAWZ;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAVHE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,SAAA,GAAAH,IAAA,CAClBI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAAC,UAAA,GAAAP,IAAA,CACTQ,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,UAAA;IACfE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACKC,aAAa,GAAAX,IAAA,CAA3B,YAAY,CAAA;IACZY,SAAS,GAAAZ,IAAA,CAATY,SAAS;AACNC,IAAAA,IAAI,GAAAC,kDAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;EAEP,IAAMC,aAAa,GAAGP,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAARA,QAAQ,GAAID,KAAK;EACvC,IAAMS,iBAAiB,GAAGN,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,MAAA,GAAbA,aAAa,GAAIC,SAAS;AAEpD,EAAA,oBACEM;AACER,IAAAA,SAAS,EAAES,KAAE,CACX,UAAU,sBAAAC,MAAA,CACUlB,MAAM,CAAA,EAAA,iBAAA,CAAAkB,MAAA,CACRhB,IAAI,CAAA,EACtBM,SAAS,CACV;AAAA,IAAA,YAAA,EACWO;GAAiB,EACzBJ,IAAI,GAEPR,QAAQ,kBACPa,KAAA,CAAAG,aAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAC,gBAAgB;mBAAa;AAAM,GAAA,eACjDQ,KAAA,CAAAG,aAAA,CAACC,cAAI,EAAA;AAACC,IAAAA,QAAQ,EAAElB;GAAQ,CAAI,CACvB,CACR,eAEDa,KAAA,CAAAG,aAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAC;GAAiB,EAAEM,aAAa,CAAQ,EAEvDV,SAAS,kBACRY,KAAA,CAAAG,aAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAC,gBAAgB;mBAAa;AAAM,GAAA,eACjDQ,KAAA,CAAAG,aAAA,CAACC,cAAI,EAAA;AAACC,IAAAA,QAAQ,EAAEjB;IAAa,CACxB,CACR,CACI;AAEX;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.cjs.js","sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon/Icon';\nimport { cn } from '../utils/cn';\nimport './styles.css';\nimport { IconName } from '@times-design-system/icons';\nimport {\n ButtonContainer,\n ButtonContainerProps\n} from '../Button/ButtonContainer';\n\nexport interface IconButtonProps extends ButtonContainerProps {\n /** Corner style for parity with Figma variant values */\n round?: boolean;\n /** Icon to render in the button */\n iconName?: IconName;\n /** Optional href to render as a link */\n href?: string;\n /** Optional target attribute for links */\n target?: '_blank' | '_self' | '_parent' | '_top';\n /** Optional rel attribute for links */\n rel?: string;\n}\n\n/** Icon-only action button */\nexport const IconButton: React.FC<IconButtonProps> = ({\n ariaLabel,\n intent = 'primary',\n size = 'large',\n state = 'base',\n round = 'off',\n iconName = 'filled_add' as IconName,\n disabled = false,\n className,\n onClick,\n type = 'button',\n href,\n target,\n rel\n}) => {\n return (\n <ButtonContainer\n intent={intent}\n size={size}\n state={state}\n disabled={disabled}\n type={type}\n href={href}\n target={target}\n rel={rel}\n className={cn(\n `tds-icon-button--size-${size}`,\n round ? `tds-icon-button--round` : undefined,\n className\n )}\n ariaLabel={ariaLabel}\n onClick={onClick}\n >\n <span className=\"tds-button__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconName} />}\n </span>\n </ButtonContainer>\n );\n};\n"],"names":["IconButton","_ref","ariaLabel","_ref$intent","intent","_ref$size","size","_ref$state","state","_ref$round","round","_ref$iconName","iconName","_ref$disabled","disabled","className","onClick","_ref$type","type","href","target","rel","React","createElement","ButtonContainer","cn","concat","undefined","Icon"],"mappings":";;;;;;;;;;;;AAuBA;IACaA,UAAU,GAA8B,SAAxCA,UAAUA,CAAAC,IAAA,EAclB;AAAA,EAAA,IAbHC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,WAAA,GAAAF,IAAA,CACTG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,SAAA,GAAAJ,IAAA,CAClBK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,SAAA;IAAAE,UAAA,GAAAN,IAAA,CACdO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,UAAA;IAAAE,UAAA,GAAAR,IAAA,CACdS,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,UAAA;IAAAE,aAAA,GAAAV,IAAA,CACbW,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,YAAwB,GAAAA,aAAA;IAAAE,aAAA,GAAAZ,IAAA,CACnCa,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,SAAS,GAAAd,IAAA,CAATc,SAAS;IACTC,OAAO,GAAAf,IAAA,CAAPe,OAAO;IAAAC,SAAA,GAAAhB,IAAA,CACPiB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,IAAI,GAAAlB,IAAA,CAAJkB,IAAI;IACJC,MAAM,GAAAnB,IAAA,CAANmB,MAAM;IACNC,GAAG,GAAApB,IAAA,CAAHoB,GAAG;AAEH,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,sCAAe,EAAA;AACdpB,IAAAA,MAAM,EAAEA,MAAM;AACdE,IAAAA,IAAI,EAAEA,IAAI;AACVE,IAAAA,KAAK,EAAEA,KAAK;AACZM,IAAAA,QAAQ,EAAEA,QAAQ;AAClBI,IAAAA,IAAI,EAAEA,IAAI;AACVC,IAAAA,IAAI,EAAEA,IAAI;AACVC,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,GAAG,EAAEA,GAAG;AACRN,IAAAA,SAAS,EAAEU,KAAE,CAAA,wBAAA,CAAAC,MAAA,CACcpB,IAAI,CAAA,EAC7BI,KAAK,GAAA,wBAAA,GAA8BiB,SAAS,EAC5CZ,SAAS,CACV;AACDb,IAAAA,SAAS,EAAEA,SAAS;AACpBc,IAAAA,OAAO,EAAEA;AAAO,GAAA,eAEhBM,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMR,IAAAA,SAAS,EAAC,kBAAkB;AAAA,IAAA,aAAA,EAAa;kBAC5CO,KAAA,CAAAC,aAAA,CAACK,cAAI,EAAA;AAAChB,IAAAA,QAAQ,EAAEA;GAAQ,CAAI,CACxB,CACS;AAEtB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input.cjs.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\n\ninterface InputProps {\n /** Label text for the input */\n label?: string;\n /** Input placeholder text */\n placeholder?: string;\n /** Input type */\n type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n /** Input value */\n value?: string;\n /** Change handler */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Disabled state */\n disabled?: boolean;\n /** Required state */\n required?: boolean;\n /** Input name attribute */\n name?: string;\n /** Input id attribute */\n id?: string;\n}\n\n/** Input component with label using design tokens */\nexport const Input: React.FC<InputProps> = ({\n label,\n placeholder,\n type = 'text',\n value,\n onChange,\n disabled = false,\n required = false,\n name,\n id,\n ...props\n}) => {\n const inputId = id || name;\n\n return (\n <div className=\"tds-input-wrapper\">\n {label && (\n <label\n htmlFor={inputId}\n className=\"tds-input-label --tds-utility-label-medium\"\n >\n {label}\n {required && <span className=\"tds-input-required\">*</span>}\n </label>\n )}\n <input\n id={inputId}\n type={type}\n name={name}\n className=\"tds-input --tds-utility-body-regular-medium\"\n placeholder={placeholder}\n value={value}\n onChange={onChange}\n disabled={disabled}\n required={required}\n {...props}\n />\n </div>\n );\n};\n"],"names":["Input","_ref","label","placeholder","_ref$type","type","value","onChange","_ref$disabled","disabled","_ref$required","required","name","id","props","_objectWithoutProperties","_excluded","inputId","React","createElement","className","htmlFor","_objectSpread"],"mappings":";;;;;;;;;;AAwBA;IACaA,KAAK,GAAyB,SAA9BA,KAAKA,CAAAC,IAAA,EAWb;AAAA,EAAA,IAVHC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAAC,SAAA,GAAAH,IAAA,CACXI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,SAAA;IACbE,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAAC,aAAA,GAAAP,IAAA,CACRQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAE,aAAA,GAAAT,IAAA,CAChBU,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,EAAE,GAAAZ,IAAA,CAAFY,EAAE;AACCC,IAAAA,KAAK,GAAAC,kDAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;AAER,EAAA,IAAMC,OAAO,GAAGJ,EAAE,IAAID,IAAI;AAE1B,EAAA,oBACEM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;GAAmB,EAC/BlB,KAAK,kBACJgB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEE,IAAAA,OAAO,EAAEJ,OAAO;AAChBG,IAAAA,SAAS,EAAC;GAA4C,EAErDlB,KAAK,EACLS,QAAQ,iBAAIO,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC;AAAoB,GAAA,EAAA,GAAA,CAAS,CACpD,CACT,eACDF,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAG,wCAAA,CAAA;AACET,IAAAA,EAAE,EAAEI,OAAO;AACXZ,IAAAA,IAAI,EAAEA,IAAI;AACVO,IAAAA,IAAI,EAAEA,IAAI;AACVQ,IAAAA,SAAS,EAAC,6CAA6C;AACvDjB,IAAAA,WAAW,EAAEA,WAAW;AACxBG,IAAAA,KAAK,EAAEA,KAAK;AACZC,IAAAA,QAAQ,EAAEA,QAAQ;AAClBE,IAAAA,QAAQ,EAAEA,QAAQ;AAClBE,IAAAA,QAAQ,EAAEA;GAAQ,EACdG,KAAK,CAAA,CACT,CACE;AAEV;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.cjs.js","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\nimport { cn } from '../utils/cn';\nimport { IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\n\ntype LinkIntent = 'primary' | 'secondary';\ntype LinkSentiment = 'brand' | 'utility';\ntype LinkSize = 'xsmall' | 'small' | 'medium' | 'large';\ntype LinkState =\n | 'base'\n | 'hover'\n | 'pressed'\n | 'visited'\n | 'disabled'\n | 'focus';\ntype LinkLegacyVariant = LinkIntent | 'danger';\n\ninterface LinkProps {\n href: string;\n intent?: LinkIntent;\n variant?: LinkLegacyVariant;\n sentiment?: LinkSentiment;\n size?: LinkSize;\n state?: LinkState;\n iconLeft?: IconName;\n iconRight?: IconName;\n inline?: boolean;\n ariaLabel?: string;\n onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n target?: '_self' | '_blank' | '_parent' | '_top';\n rel?: string;\n className?: string;\n classes?: string;\n styles?: { [key: string]: string };\n children?: React.ReactNode;\n}\n\n/** Link UI component for navigation and interactive linking */\nexport const Link: React.FC<LinkProps> = ({\n href,\n intent,\n variant,\n sentiment = 'brand',\n size = 'medium',\n state = 'base',\n iconLeft,\n iconRight,\n inline = true,\n ariaLabel,\n onClick,\n target,\n rel,\n className,\n classes,\n styles,\n children\n}) => {\n // If target is _blank, set rel to noopener noreferrer for security\n const linkRel =\n target === '_blank'\n ? rel\n ? `${rel} noopener noreferrer`\n : 'noopener noreferrer'\n : rel;\n\n const resolvedIntent = intent ?? variant ?? 'primary';\n const isDisabled = state === 'disabled';\n const resolvedHref = isDisabled ? undefined : href;\n const resolvedLabel = children ?? 'Link';\n\n const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n onClick?.(event);\n };\n\n return (\n <a\n href={resolvedHref}\n onClick={handleClick}\n target={target}\n rel={linkRel}\n aria-label={ariaLabel}\n aria-disabled={isDisabled || undefined}\n tabIndex={isDisabled ? -1 : undefined}\n className={cn(\n 'tds-link',\n `tds-link--${resolvedIntent}`,\n `tds-link--sentiment-${sentiment}`,\n `tds-link--size-${size}`,\n `tds-link--state-${state}`,\n isDisabled ? 'tds-link--is-disabled' : undefined,\n !inline ? 'tds-link--standalone' : undefined,\n className,\n classes\n )}\n style={styles ? styles : undefined}\n >\n {iconLeft && (\n <span className=\"tds-link__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconLeft} />}\n </span>\n )}\n <span className=\"tds-link__label\">{resolvedLabel}</span>\n {iconRight && (\n <span className=\"tds-link__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconRight} />}\n </span>\n )}\n </a>\n );\n};\n"],"names":["Link","_ref","_ref2","href","intent","variant","_ref$sentiment","sentiment","_ref$size","size","_ref$state","state","iconLeft","iconRight","_ref$inline","inline","ariaLabel","onClick","target","rel","className","classes","styles","children","linkRel","concat","resolvedIntent","isDisabled","resolvedHref","undefined","resolvedLabel","handleClick","event","preventDefault","stopPropagation","React","tabIndex","cn","style","createElement","Icon","iconName"],"mappings":"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"}