@times-design-system/components-wordpress 0.1.1-alpha.831 → 0.7.2-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (189) hide show
  1. package/BLOCK_CREATION_CHECKLIST.md +160 -0
  2. package/BUILD.md +411 -0
  3. package/CHANGELOG.md +30 -0
  4. package/LICENSE +29 -0
  5. package/README.md +972 -5
  6. package/TRANSFORMATION_GUIDE.md +635 -0
  7. package/block.json +10 -0
  8. package/dist/block.json +10 -0
  9. package/dist/blocks/ad-container/block.json +28 -0
  10. package/dist/blocks/ad-container/edit.js +42 -0
  11. package/dist/blocks/ad-container/index.js +10 -0
  12. package/dist/blocks/ad-container/save.js +16 -0
  13. package/dist/blocks/ad-container/style-editor.css +4 -0
  14. package/dist/blocks/ad-container/style.css +27 -0
  15. package/dist/blocks/button/block.json +89 -0
  16. package/dist/blocks/button/edit.js +187 -0
  17. package/dist/blocks/button/index.js +11 -0
  18. package/dist/blocks/button/save.js +52 -0
  19. package/dist/blocks/button/style-editor.css +15 -0
  20. package/dist/blocks/button/style.css +37 -0
  21. package/dist/blocks/chip/block.json +57 -0
  22. package/dist/blocks/chip/edit.js +113 -0
  23. package/dist/blocks/chip/index.js +10 -0
  24. package/dist/blocks/chip/save.js +36 -0
  25. package/dist/blocks/chip/style-editor.css +5 -0
  26. package/dist/blocks/chip/style.css +48 -0
  27. package/dist/blocks/divider/block.json +31 -0
  28. package/dist/blocks/divider/edit.js +42 -0
  29. package/dist/blocks/divider/index.js +10 -0
  30. package/dist/blocks/divider/save.js +18 -0
  31. package/dist/blocks/divider/style-editor.css +4 -0
  32. package/dist/blocks/divider/style.css +25 -0
  33. package/dist/blocks/flag/block.json +48 -0
  34. package/dist/blocks/flag/edit.js +82 -0
  35. package/dist/blocks/flag/index.js +10 -0
  36. package/dist/blocks/flag/save.js +25 -0
  37. package/dist/blocks/flag/style-editor.css +5 -0
  38. package/dist/blocks/flag/style.css +45 -0
  39. package/dist/blocks/icon-button/block.json +43 -0
  40. package/dist/blocks/icon-button/edit.js +82 -0
  41. package/dist/blocks/icon-button/index.js +10 -0
  42. package/dist/blocks/icon-button/save.js +29 -0
  43. package/dist/blocks/icon-button/style-editor.css +5 -0
  44. package/dist/blocks/icon-button/style.css +32 -0
  45. package/dist/blocks/input/block.json +47 -0
  46. package/dist/blocks/input/edit.js +78 -0
  47. package/dist/blocks/input/index.js +10 -0
  48. package/dist/blocks/input/save.js +27 -0
  49. package/dist/blocks/input/style-editor.css +8 -0
  50. package/dist/blocks/input/style.css +30 -0
  51. package/dist/blocks/link/block.json +71 -0
  52. package/dist/blocks/link/edit.js +151 -0
  53. package/dist/blocks/link/index.js +10 -0
  54. package/dist/blocks/link/save.js +46 -0
  55. package/dist/blocks/link/style-editor.css +5 -0
  56. package/dist/blocks/link/style.css +66 -0
  57. package/dist/blocks/text/block.json +32 -0
  58. package/dist/blocks/text/edit.js +56 -0
  59. package/dist/blocks/text/index.js +10 -0
  60. package/dist/blocks/text/save.js +18 -0
  61. package/dist/blocks/text/style-editor.css +4 -0
  62. package/dist/blocks/text/style.css +20 -0
  63. package/dist/blocks/toast/block.json +39 -0
  64. package/dist/blocks/toast/edit.js +85 -0
  65. package/dist/blocks/toast/index.js +10 -0
  66. package/dist/blocks/toast/save.js +29 -0
  67. package/dist/blocks/toast/style-editor.css +4 -0
  68. package/dist/blocks/toast/style.css +51 -0
  69. package/dist/index.cjs +2232 -0
  70. package/dist/index.cjs.map +1 -0
  71. package/dist/index.css +2 -0
  72. package/dist/index.css.map +1 -0
  73. package/dist/index.js +2196 -255
  74. package/dist/index.js.map +1 -1
  75. package/dist/plugin.php +79 -0
  76. package/dist/utils/classBuilder.js +53 -0
  77. package/package.json +39 -7
  78. package/plugin.php +79 -0
  79. package/rollup.config.js +39 -22
  80. package/scripts/build-plugin.cjs +121 -0
  81. package/scripts/create-block.sh +141 -0
  82. package/src/blocks/ad-container/block.json +28 -0
  83. package/src/blocks/ad-container/edit.js +42 -0
  84. package/src/blocks/ad-container/index.js +10 -0
  85. package/src/blocks/ad-container/save.js +16 -0
  86. package/src/blocks/ad-container/style-editor.css +4 -0
  87. package/src/blocks/ad-container/style.css +27 -0
  88. package/src/blocks/button/block.json +89 -0
  89. package/src/blocks/button/edit.js +187 -0
  90. package/src/blocks/button/index.js +11 -0
  91. package/src/blocks/button/save.js +52 -0
  92. package/src/blocks/button/style-editor.css +15 -0
  93. package/src/blocks/button/style.css +37 -0
  94. package/src/blocks/chip/block.json +57 -0
  95. package/src/blocks/chip/edit.js +113 -0
  96. package/src/blocks/chip/index.js +10 -0
  97. package/src/blocks/chip/save.js +36 -0
  98. package/src/blocks/chip/style-editor.css +5 -0
  99. package/src/blocks/chip/style.css +48 -0
  100. package/src/blocks/divider/block.json +31 -0
  101. package/src/blocks/divider/edit.js +42 -0
  102. package/src/blocks/divider/index.js +10 -0
  103. package/src/blocks/divider/save.js +18 -0
  104. package/src/blocks/divider/style-editor.css +4 -0
  105. package/src/blocks/divider/style.css +25 -0
  106. package/src/blocks/flag/block.json +48 -0
  107. package/src/blocks/flag/edit.js +82 -0
  108. package/src/blocks/flag/index.js +10 -0
  109. package/src/blocks/flag/save.js +25 -0
  110. package/src/blocks/flag/style-editor.css +5 -0
  111. package/src/blocks/flag/style.css +45 -0
  112. package/src/blocks/icon-button/block.json +43 -0
  113. package/src/blocks/icon-button/edit.js +82 -0
  114. package/src/blocks/icon-button/index.js +10 -0
  115. package/src/blocks/icon-button/save.js +29 -0
  116. package/src/blocks/icon-button/style-editor.css +5 -0
  117. package/src/blocks/icon-button/style.css +32 -0
  118. package/src/blocks/input/block.json +47 -0
  119. package/src/blocks/input/edit.js +78 -0
  120. package/src/blocks/input/index.js +10 -0
  121. package/src/blocks/input/save.js +27 -0
  122. package/src/blocks/input/style-editor.css +8 -0
  123. package/src/blocks/input/style.css +30 -0
  124. package/src/blocks/link/block.json +71 -0
  125. package/src/blocks/link/edit.js +151 -0
  126. package/src/blocks/link/index.js +10 -0
  127. package/src/blocks/link/save.js +46 -0
  128. package/src/blocks/link/style-editor.css +5 -0
  129. package/src/blocks/link/style.css +66 -0
  130. package/src/blocks/text/block.json +32 -0
  131. package/src/blocks/text/edit.js +56 -0
  132. package/src/blocks/text/index.js +10 -0
  133. package/src/blocks/text/save.js +18 -0
  134. package/src/blocks/text/style-editor.css +4 -0
  135. package/src/blocks/text/style.css +20 -0
  136. package/src/blocks/toast/block.json +39 -0
  137. package/src/blocks/toast/edit.js +85 -0
  138. package/src/blocks/toast/index.js +10 -0
  139. package/src/blocks/toast/save.js +29 -0
  140. package/src/blocks/toast/style-editor.css +4 -0
  141. package/src/blocks/toast/style.css +51 -0
  142. package/src/index.js +15 -12
  143. package/src/utils/classBuilder.js +53 -0
  144. package/tsconfig.json +4 -4
  145. package/__tests__/wordpress.test.js +0 -0
  146. package/dist/AdContainer/AdContainer.d.ts +0 -9
  147. package/dist/Article/ArticleMetaContainer/ArticleMetaContainer.d.ts +0 -8
  148. package/dist/Article/UpNextArticles/UpNextArticles.d.ts +0 -13
  149. package/dist/Button/Button.d.ts +0 -15
  150. package/dist/CommentsDisabled/CommentsDisabled.d.ts +0 -10
  151. package/dist/CommentsDisabled/CommentsDisabled.stories.d.ts +0 -44
  152. package/dist/CommentsDisabled/index.d.ts +0 -2
  153. package/dist/Divider/Divider.d.ts +0 -15
  154. package/dist/Input/Input.d.ts +0 -25
  155. package/dist/Link/Link.d.ts +0 -18
  156. package/dist/Text/Text.d.ts +0 -14
  157. package/dist/index.cjs.js +0 -299
  158. package/dist/index.cjs.js.map +0 -1
  159. package/dist/styles.css +0 -151
  160. package/dist/typographyStyles.css +0 -30
  161. package/dist/utils/cn.d.ts +0 -1
  162. package/dist/utils/hooks.d.ts +0 -8
  163. package/src/AdContainer/AdContainer.tsx +0 -31
  164. package/src/AdContainer/styles.css +0 -58
  165. package/src/Article/ArticleMetaContainer/ArticleMetaContainer.tsx +0 -14
  166. package/src/Article/ArticleMetaContainer/styles.css +0 -151
  167. package/src/Article/UpNextArticles/UpNextArticles.tsx +0 -69
  168. package/src/Article/UpNextArticles/styles.css +0 -151
  169. package/src/Button/Button.tsx +0 -36
  170. package/src/Button/styles.css +0 -30
  171. package/src/CommentsDisabled/CommentsDisabled.stories.tsx +0 -178
  172. package/src/CommentsDisabled/CommentsDisabled.tsx +0 -63
  173. package/src/CommentsDisabled/IMPLEMENTATION_SUMMARY.md +0 -305
  174. package/src/CommentsDisabled/README.md +0 -284
  175. package/src/CommentsDisabled/TOKEN_MAPPING.md +0 -269
  176. package/src/CommentsDisabled/index.ts +0 -2
  177. package/src/CommentsDisabled/styles.css +0 -82
  178. package/src/Divider/Divider.tsx +0 -41
  179. package/src/Divider/styles.css +0 -80
  180. package/src/Input/Input.tsx +0 -62
  181. package/src/Input/styles.css +0 -69
  182. package/src/Link/Link.tsx +0 -49
  183. package/src/Link/styles.css +0 -111
  184. package/src/Text/Text.tsx +0 -38
  185. package/src/Text/styles.css +0 -30
  186. package/src/Text/typographyStyles.css +0 -30
  187. package/src/utils/cn.js +0 -3
  188. package/src/utils/cn.tsx +0 -3
  189. package/src/utils/hooks.ts +0 -34
package/dist/index.cjs.js DELETED
@@ -1,299 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function styleInject(css, ref) {
6
- if (ref === void 0) ref = {};
7
- var insertAt = ref.insertAt;
8
- if (!css || typeof document === 'undefined') {
9
- return;
10
- }
11
- var head = document.head || document.getElementsByTagName('head')[0];
12
- var style = document.createElement('style');
13
- style.type = 'text/css';
14
- if (insertAt === 'top') {
15
- if (head.firstChild) {
16
- head.insertBefore(style, head.firstChild);
17
- } else {
18
- head.appendChild(style);
19
- }
20
- } else {
21
- head.appendChild(style);
22
- }
23
- if (style.styleSheet) {
24
- style.styleSheet.cssText = css;
25
- } else {
26
- style.appendChild(document.createTextNode(css));
27
- }
28
- }
29
-
30
- var css_248z$8 = ".storybook-button{border:0;border-radius:3em;cursor:pointer;display:inline-block;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#333}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBR0UsUUFBUyxDQUNULGlCQUFrQixDQUZsQixjQUFlLENBRGYsb0JBQXFCLENBTXJCLDREQUFxRSxDQUZyRSxlQUFnQixDQUNoQixhQUVGLENBQ0EsMkJBQ0Usd0JBQXlCLENBQ3pCLFVBQ0YsQ0FDQSw2QkFFRSw0QkFBNkIsQ0FEN0IsMENBQXFELENBRXJELFVBQ0YsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSwwQkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zdG9yeWJvb2stYnV0dG9uIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogM2VtO1xuICBmb250LXdlaWdodDogNzAwO1xuICBsaW5lLWhlaWdodDogMTtcbiAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCAnSGVsdmV0aWNhIE5ldWUnLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xufVxuLnN0b3J5Ym9vay1idXR0b24tLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTU1YWI5O1xuICBjb2xvcjogd2hpdGU7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tc2Vjb25kYXJ5IHtcbiAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjE1KSAwcHggMHB4IDBweCAxcHggaW5zZXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzMzMztcbn1cbi5zdG9yeWJvb2stYnV0dG9uLS1zbWFsbCB7XG4gIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLW1lZGl1bSB7XG4gIHBhZGRpbmc6IDExcHggMjBweDtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLWxhcmdlIHtcbiAgcGFkZGluZzogMTJweCAyNHB4O1xuICBmb250LXNpemU6IDE2cHg7XG59XG4iXX0= */";
31
- styleInject(css_248z$8);
32
-
33
- /** Primary UI component for user interaction */
34
- const Button = ({
35
- primary,
36
- size,
37
- label,
38
- ...props
39
- }) => {
40
- const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
41
- return React.createElement("button", {
42
- type: "button",
43
- className: ['storybook-button', `storybook-button--${size}`, mode].join(' '),
44
- ...props
45
- }, label);
46
- };
47
-
48
- var css_248z$7 = ".storybook-button{border:0;border-radius:3em;cursor:pointer;display:inline-block;font-family:Roboto,Roboto-Regular,Helvetica,Arial,sans-serif;font-weight:700;line-height:1}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#333}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBR0UsUUFBUyxDQUNULGlCQUFrQixDQUZsQixjQUFlLENBRGYsb0JBQXFCLENBTXJCLDREQUFxRSxDQUZyRSxlQUFnQixDQUNoQixhQUVGLENBQ0EsMkJBQ0Usd0JBQXlCLENBQ3pCLFVBQ0YsQ0FDQSw2QkFFRSw0QkFBNkIsQ0FEN0IsMENBQXFELENBRXJELFVBQ0YsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSwwQkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zdG9yeWJvb2stYnV0dG9uIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogM2VtO1xuICBmb250LXdlaWdodDogNzAwO1xuICBsaW5lLWhlaWdodDogMTtcbiAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCAnUm9ib3RvLVJlZ3VsYXInLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xufVxuLnN0b3J5Ym9vay1idXR0b24tLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTU1YWI5O1xuICBjb2xvcjogd2hpdGU7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tc2Vjb25kYXJ5IHtcbiAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjE1KSAwcHggMHB4IDBweCAxcHggaW5zZXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzMzMztcbn1cbi5zdG9yeWJvb2stYnV0dG9uLS1zbWFsbCB7XG4gIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLW1lZGl1bSB7XG4gIHBhZGRpbmc6IDExcHggMjBweDtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLWxhcmdlIHtcbiAgcGFkZGluZzogMTJweCAyNHB4O1xuICBmb250LXNpemU6IDE2cHg7XG59XG4iXX0= */";
49
- styleInject(css_248z$7);
50
-
51
- var css_248z$6 = ".storybook-button{border:0;border-radius:3em;cursor:pointer;display:inline-block;font-family:Roboto,Roboto-Regular,Helvetica,Arial,sans-serif;font-weight:700;line-height:1}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#333}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHlTdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGtCQUdFLFFBQVMsQ0FDVCxpQkFBa0IsQ0FGbEIsY0FBZSxDQURmLG9CQUFxQixDQU1yQiw0REFBcUUsQ0FGckUsZUFBZ0IsQ0FDaEIsYUFFRixDQUNBLDJCQUNFLHdCQUF5QixDQUN6QixVQUNGLENBQ0EsNkJBRUUsNEJBQTZCLENBRDdCLDBDQUFxRCxDQUVyRCxVQUNGLENBQ0EseUJBRUUsY0FBZSxDQURmLGlCQUVGLENBQ0EsMEJBRUUsY0FBZSxDQURmLGlCQUVGLENBQ0EseUJBRUUsY0FBZSxDQURmLGlCQUVGIiwiZmlsZSI6InR5cG9ncmFwaHlTdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnN0b3J5Ym9vay1idXR0b24ge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiAzZW07XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBmb250LWZhbWlseTogJ1JvYm90bycsICdSb2JvdG8tUmVndWxhcicsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tcHJpbWFyeSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NTVhYjk7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cbi5zdG9yeWJvb2stYnV0dG9uLS1zZWNvbmRhcnkge1xuICBib3gtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuMTUpIDBweCAwcHggMHB4IDFweCBpbnNldDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjMzMzO1xufVxuLnN0b3J5Ym9vay1idXR0b24tLXNtYWxsIHtcbiAgcGFkZGluZzogMTBweCAxNnB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tbWVkaXVtIHtcbiAgcGFkZGluZzogMTFweCAyMHB4O1xuICBmb250LXNpemU6IDE0cHg7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tbGFyZ2Uge1xuICBwYWRkaW5nOiAxMnB4IDI0cHg7XG4gIGZvbnQtc2l6ZTogMTZweDtcbn1cbiJdfQ== */";
52
- styleInject(css_248z$6);
53
-
54
- const cn = (...classNames) => {
55
- return classNames.filter(Boolean).join(' ');
56
- };
57
-
58
- const Text = ({
59
- as,
60
- typographyStyle,
61
- styles,
62
- classes,
63
- children
64
- }) => {
65
- const TextComponent = as || 'p';
66
- const transformedTypographyStyle = typographyStyle?.replaceAll('.', '-').toLowerCase() ?? '';
67
- return React.createElement(TextComponent, {
68
- className: cn(classes, typographyStyle ? `--tds-typography-tokens-${transformedTypographyStyle}` : undefined),
69
- style: styles ? styles : undefined
70
- }, children);
71
- };
72
-
73
- var css_248z$5 = ".ad-inline-container{border-bottom:1px solid #4e4e4e;box-sizing:content-box;clear:both;margin:30px 0;min-height:283px;padding:0 0 10px;width:100%}@media (min-width:768px) and (max-width:1023px){.ad-inline-container{min-height:123px}}.ad-inline-container .ad-label{border-bottom:1px solid #4e4e4e;color:#ccc;display:block;flex:1 1 100%;font:14px/17px TimesDigitalW04-Regular,TimesDigitalW04-Regular-fallback,serif;letter-spacing:.6px;margin:0 0 10px;padding:0 0 5px;text-align:center;text-transform:uppercase}.ad-header{border-color:var(--wp--preset--color--grey,#dbdbdb);border-style:solid;border-width:0 0 1px;display:flex;flex-direction:column;margin-left:0!important;margin-right:0!important;max-width:100%;padding-block:10px 10px}.ad-header-wrapper{align-items:center;display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;margin-bottom:0;min-height:50px}@media (min-width:768px){.ad-header-wrapper{min-height:90px}}@media (min-width:1024px){.ad-header-wrapper{min-height:250px}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBT0UsK0JBQXdDLENBRnhDLHNCQUF1QixDQUp2QixVQUFXLENBR1gsYUFBYyxDQURkLGdCQUFpQixDQUdqQixnQkFBaUIsQ0FKakIsVUFNRixDQUNBLGdEQUNFLHFCQUNFLGdCQUNGLENBQ0YsQ0FFQSwrQkFDRSwrQkFBd0MsQ0FDeEMsVUFBeUIsQ0FRekIsYUFBYyxDQVBkLGFBQWMsQ0FDZCw2RUFBb0YsQ0FDcEYsbUJBQXFCLENBQ3JCLGVBQWdCLENBQ2hCLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQix3QkFFRixDQUVBLFdBUUUsbURBQXFELENBRHJELGtCQUFtQixDQURuQixvQkFBcUIsQ0FMckIsWUFBYSxDQVFiLHFCQUFzQixDQU50Qix1QkFBeUIsQ0FDekIsd0JBQTBCLENBQzFCLGNBQWUsQ0FIZix1QkFRRixDQUNBLG1CQUVFLGtCQUFtQixDQUVuQixZQUFhLENBRGIsV0FBWSxDQUVaLHFCQUFzQixDQUN0QixzQkFBdUIsQ0FDdkIsZUFBZ0IsQ0FOaEIsZUFPRixDQUNBLHlCQUNFLG1CQUNFLGVBQ0YsQ0FDRixDQUNBLDBCQUNFLG1CQUNFLGdCQUNGLENBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hZC1pbmxpbmUtY29udGFpbmVyIHtcbiAgY2xlYXI6IGJvdGg7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAyODNweDtcbiAgbWFyZ2luOiAzMHB4IDA7XG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICBwYWRkaW5nOiAwIDAgMTBweDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYig3OCwgNzgsIDc4KTtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDEwMjNweCkge1xuICAuYWQtaW5saW5lLWNvbnRhaW5lciB7XG4gICAgbWluLWhlaWdodDogMTIzcHg7XG4gIH1cbn1cblxuLmFkLWlubGluZS1jb250YWluZXIgLmFkLWxhYmVsIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYig3OCwgNzgsIDc4KTtcbiAgY29sb3I6IHJnYigyMDQsIDIwNCwgMjA0KTtcbiAgZmxleDogMSAxIDEwMCU7XG4gIGZvbnQ6IDE0cHgvMTdweCBcIlRpbWVzRGlnaXRhbFcwNC1SZWd1bGFyXCIsIFwiVGltZXNEaWdpdGFsVzA0LVJlZ3VsYXItZmFsbGJhY2tcIiwgc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiAwLjZweDtcbiAgbWFyZ2luOiAwIDAgMTBweDtcbiAgcGFkZGluZzogMCAwIDVweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmFkLWhlYWRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmctYmxvY2s6IDEwcHggMTBweDtcbiAgbWFyZ2luLWxlZnQ6IDAgIWltcG9ydGFudDtcbiAgbWFyZ2luLXJpZ2h0OiAwICFpbXBvcnRhbnQ7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyLXdpZHRoOiAwIDAgMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6IHZhcigtLXdwLS1wcmVzZXQtLWNvbG9yLS1ncmV5LCAjZGJkYmRiKTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5hZC1oZWFkZXItd3JhcHBlciB7XG4gIG1pbi1oZWlnaHQ6IDUwcHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXg6IDEgMSAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLmFkLWhlYWRlci13cmFwcGVyIHtcbiAgICBtaW4taGVpZ2h0OiA5MHB4O1xuICB9XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC5hZC1oZWFkZXItd3JhcHBlciB7XG4gICAgbWluLWhlaWdodDogMjUwcHg7XG4gIH1cbn1cbiJdfQ== */";
74
- styleInject(css_248z$5);
75
-
76
- /** Primary AdContainer UI component for user interaction */
77
- const AdContainer = ({
78
- type = 'inline',
79
- slotID
80
- }) => {
81
- return React.createElement("div", {
82
- className: `ad-${type}-container`,
83
- "data-testid": `ad-${type}-container`
84
- }, type === 'inline' && React.createElement(Text, {
85
- as: "span",
86
- classes: "ad-label"
87
- }, "Advertisement"), React.createElement("div", {
88
- className: `ad-${type}-wrapper`
89
- }, React.createElement("div", {
90
- id: type === 'header' ? 'ad-header' : slotID
91
- })));
92
- };
93
-
94
- var css_248z$4 = ".tds-comments-disabled{margin-inline:auto;padding-inline:var(--tds-dimension-500);width:100%}.tds-comments-disabled__heading{color:var(--tds-light-core-light-text-primary);margin:0;padding-bottom:var(--tds-dimension-125);padding-top:var(--tds-dimension-750);text-align:center}.tds-comments-disabled__divider{border:none;border-top:1px solid var(--tds-light-core-border-secondary);margin:var(--tds-dimension-100) auto;max-width:522px;opacity:.1;width:100%}.tds-comments-disabled__content{color:var(--tds-light-brand-brand-core-ramp-core-neutral-700);margin:0;padding-bottom:var(--tds-dimension-750);padding-top:var(--tds-dimension-125);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:2px solid var(--tds-foundation-brand-digital-blue);outline-offset:2px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUEsdUJBQ0Usa0JBQW1CLENBQ25CLHVDQUF3QyxDQUN4QyxVQUNGLENBR0EsZ0NBS0UsOENBQStDLENBSi9DLFFBQVMsQ0FFVCx1Q0FBd0MsQ0FEeEMsb0NBQXFDLENBRXJDLGlCQUVGLENBR0EsZ0NBSUUsV0FBWSxDQUNaLDJEQUE0RCxDQUo1RCxvQ0FBcUMsQ0FDckMsZUFBZ0IsQ0FJaEIsVUFBWSxDQUhaLFVBSUYsQ0FHQSxnQ0FLRSw2REFBOEQsQ0FKOUQsUUFBUyxDQUNULHVDQUF3QyxDQUN4QyxvQ0FBcUMsQ0FDckMsaUJBRUYsQ0FHQSw2QkFFRSw4Q0FBK0MsQ0FFL0MsY0FBZSxDQUhmLHlCQUEwQixDQUUxQixnQ0FFRixDQUVBLG1DQUNFLGtLQUtGLENBRUEsb0NBQ0Usb0tBS0YsQ0FHQSwyQ0FDRSwwREFBMkQsQ0FDM0Qsa0JBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuXG4vKipcbiAqIENvbW1lbnRzRGlzYWJsZWQgQ29tcG9uZW50IFN0eWxlc1xuICogTWFwcyBUaW1lcyBEZXNpZ24gU3lzdGVtIHRva2VucyB0byBzZW1hbnRpYyBzdHlsZXNcbiAqL1xuXG4vKiBCYXNlIENvbnRhaW5lciAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZCB7XG4gIG1hcmdpbi1pbmxpbmU6IGF1dG87XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS10ZHMtZGltZW5zaW9uLTUwMCk7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4vKiBIZWFkaW5nICovXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19oZWFkaW5nIHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nLXRvcDogdmFyKC0tdGRzLWRpbWVuc2lvbi03NTApO1xuICBwYWRkaW5nLWJvdHRvbTogdmFyKC0tdGRzLWRpbWVuc2lvbi0xMjUpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGNvbG9yOiB2YXIoLS10ZHMtbGlnaHQtY29yZS1saWdodC10ZXh0LXByaW1hcnkpO1xufVxuXG4vKiBEaXZpZGVyICovXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19kaXZpZGVyIHtcbiAgbWFyZ2luOiB2YXIoLS10ZHMtZGltZW5zaW9uLTEwMCkgYXV0bztcbiAgbWF4LXdpZHRoOiA1MjJweDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLXRkcy1saWdodC1jb3JlLWJvcmRlci1zZWNvbmRhcnkpO1xuICBvcGFjaXR5OiAwLjE7XG59XG5cbi8qIENvbnRlbnQgVGV4dCAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fY29udGVudCB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZy1ib3R0b206IHZhcigtLXRkcy1kaW1lbnNpb24tNzUwKTtcbiAgcGFkZGluZy10b3A6IHZhcigtLXRkcy1kaW1lbnNpb24tMTI1KTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tdGRzLWxpZ2h0LWJyYW5kLWJyYW5kLWNvcmUtcmFtcC1jb3JlLW5ldXRyYWwtNzAwKTtcbn1cblxuLyogR3VpZGVsaW5lcyBMaW5rICovXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19saW5rIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGNvbG9yOiB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1kaWdpdGFsLWJsdWUpO1xuICB0cmFuc2l0aW9uOiBjb2xvciAwLjJzIGVhc2UtaW4tb3V0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2xpbms6aG92ZXIge1xuICBjb2xvcjogY29sb3ItbWl4KFxuICAgIGluIHNyZ2IsXG4gICAgdmFyKC0tdGRzLWZvdW5kYXRpb24tYnJhbmQtZGlnaXRhbC1ibHVlKSBjYWxjKDEwMCUgLSB2YXIoLS10ZHMtY29sb3VyLW1vZGlmaWVyLWludGVyYWN0aXZlLWhvdmVyKSAqIDEwMCUpLFxuICAgIHZhcigtLXRkcy1mb3VuZGF0aW9uLWJyYW5kLWJsYWNrKVxuICApO1xufVxuXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19saW5rOmFjdGl2ZSB7XG4gIGNvbG9yOiBjb2xvci1taXgoXG4gICAgaW4gc3JnYixcbiAgICB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1kaWdpdGFsLWJsdWUpIGNhbGMoMTAwJSAtIHZhcigtLXRkcy1jb2xvdXItbW9kaWZpZXItaW50ZXJhY3RpdmUtcHJlc3NlZCkgKiAxMDAlKSxcbiAgICB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1ibGFjaylcbiAgKTtcbn1cblxuLyogRm9jdXMgU3RhdGUgKi9cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2xpbms6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1kaWdpdGFsLWJsdWUpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xufVxuXG4vKiBSZXNwb25zaXZlICovXG4vKiBAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnRkcy1jb21tZW50cy1kaXNhYmxlZF9faGVhZGluZyB7XG4gICAgZm9udC1zaXplOiBjYWxjKHZhcigtLXRkcy1mb250LXNpemUwNDApICogdmFyKC0tdGRzLXZpZXdwb3J0LW11bHRpcGxpZXItc21hbGwpKTtcbiAgfVxuXG4gIC50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2NvbnRlbnQge1xuICAgIGZvbnQtc2l6ZTogY2FsYyh2YXIoLS10ZHMtZm9udC1zaXplMDMwKSAqIHZhcigtLXRkcy12aWV3cG9ydC1tdWx0aXBsaWVyLXNtYWxsKSk7XG4gIH1cbn0gKi9cbiJdfQ== */";
95
- styleInject(css_248z$4);
96
-
97
- const CommentsDisabled = React.forwardRef(({
98
- heading = 'Comments are not enabled for this article',
99
- contentText = 'Comments are subject to our community guidelines, which can be viewed',
100
- guidelinesUrl = '#',
101
- guidelinesLinkText = 'here',
102
- className = '',
103
- ...props
104
- }, ref) => {
105
- return React.createElement("div", {
106
- ref: ref,
107
- className: `tds-comments-disabled ${className}`.trim(),
108
- ...props
109
- }, React.createElement(Text, {
110
- as: "h3",
111
- typographyStyle: "brand-heading-fluid-light-xsmall",
112
- classes: "tds-comments-disabled__heading"
113
- }, heading), React.createElement("hr", {
114
- className: "tds-comments-disabled__divider"
115
- }), React.createElement(Text, {
116
- typographyStyle: "utility-body-regular-medium",
117
- classes: "tds-comments-disabled__content"
118
- }, contentText, ' ', React.createElement("a", {
119
- href: guidelinesUrl,
120
- className: "tds-comments-disabled__link",
121
- target: "_blank",
122
- rel: "noopener noreferrer"
123
- }, guidelinesLinkText), "."));
124
- });
125
- CommentsDisabled.displayName = 'CommentsDisabled';
126
-
127
- var css_248z$3 = ".tds-input-wrapper{display:flex;flex-direction:column;gap:var(--tds-dimension-200)}.tds-input-label{align-items:center;color:var(--tds-palette-light-core-light-text-primary,#1a1a1a);display:flex;font:var(--tds-typography-styles-utility-label-medium);gap:var(--tds-dimension-50)}.tds-input-required{color:var(--tds-palette-light-core-light-text-error,#c00)}.tds-input{background-color:var(--tds-palette-light-core-light-interactive-background-default,#fff);border:1px solid var(--tds-palette-light-core-light-border-primary,#999);border-radius:0;box-sizing:border-box;color:var(--tds-palette-light-core-light-text-primary,#1a1a1a);font:var(--tds-typography-styles-utility-body-regular-medium);padding:var(--tds-dimension-200,8px) var(--tds-dimension-300,12px);transition:all .2s ease-in-out;width:100%}.tds-input:focus{box-shadow:0 0 0 2px rgba(15,74,162,.1);outline:none}.tds-input:focus,.tds-input:hover:not(:disabled){border-color:var(--text-interactive-primary,#0f4aa2)}.tds-input:disabled{background-color:var(--interactive-background-disabled,#f2f2f2);border-color:var(--border-disabled,#ccc);color:var(--text-disabled,#999);cursor:not-allowed}.tds-input::placeholder{color:var(--text-secondary,#666)}.tds-input.error,.tds-input.error:focus{border-color:var(--text-error,#c00)}.tds-input.error:focus{box-shadow:0 0 0 2px rgba(204,0,0,.1)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsbUJBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUN0Qiw0QkFDRixDQUdBLGlCQUlFLGtCQUFtQixDQUZuQiw4REFBZ0UsQ0FDaEUsWUFBYSxDQUZiLHNEQUF1RCxDQUl2RCwyQkFDRixDQUdBLG9CQUNFLHlEQUNGLENBR0EsV0FLRSx3RkFBNkYsQ0FDN0Ysd0VBQTZFLENBQzdFLGVBQWdCLENBRWhCLHFCQUFzQixDQUx0Qiw4REFBZ0UsQ0FEaEUsNkRBQThELENBRDlELGtFQUFxRSxDQU1yRSw4QkFBZ0MsQ0FQaEMsVUFTRixDQUdBLGlCQUdFLHVDQUE0QyxDQUY1QyxZQUdGLENBR0EsaURBTEUsb0RBT0YsQ0FHQSxvQkFDRSwrREFBaUUsQ0FFakUsd0NBQTZDLENBRDdDLCtCQUFvQyxDQUVwQyxrQkFDRixDQUdBLHdCQUNFLGdDQUNGLENBT0Esd0NBSEUsbUNBTUYsQ0FIQSx1QkFFRSxxQ0FDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogSW5wdXQgY29tcG9uZW50IHN0eWxlcyB1c2luZyBkZXNpZ24gdG9rZW5zICovXG5cbi50ZHMtaW5wdXQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogdmFyKC0tdGRzLWRpbWVuc2lvbi0yMDApO1xufVxuXG4vKiBMYWJlbCBzdHlsZXMgKi9cbi50ZHMtaW5wdXQtbGFiZWwge1xuICBmb250OiB2YXIoLS10ZHMtdHlwb2dyYXBoeS1zdHlsZXMtdXRpbGl0eS1sYWJlbC1tZWRpdW0pO1xuICBjb2xvcjogdmFyKC0tdGRzLXBhbGV0dGUtbGlnaHQtY29yZS1saWdodC10ZXh0LXByaW1hcnksICMxYTFhMWEpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXRkcy1kaW1lbnNpb24tNTApO1xufVxuXG4vKiBSZXF1aXJlZCBhc3RlcmlzayAqL1xuLnRkcy1pbnB1dC1yZXF1aXJlZCB7XG4gIGNvbG9yOiB2YXIoLS10ZHMtcGFsZXR0ZS1saWdodC1jb3JlLWxpZ2h0LXRleHQtZXJyb3IsICNjYzAwMDApO1xufVxuXG4vKiBJbnB1dCBmaWVsZCBzdHlsZXMgKi9cbi50ZHMtaW5wdXQge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogdmFyKC0tdGRzLWRpbWVuc2lvbi0yMDAsIDhweCkgdmFyKC0tdGRzLWRpbWVuc2lvbi0zMDAsIDEycHgpO1xuICBmb250OiB2YXIoLS10ZHMtdHlwb2dyYXBoeS1zdHlsZXMtdXRpbGl0eS1ib2R5LXJlZ3VsYXItbWVkaXVtKTtcbiAgY29sb3I6IHZhcigtLXRkcy1wYWxldHRlLWxpZ2h0LWNvcmUtbGlnaHQtdGV4dC1wcmltYXJ5LCAjMWExYTFhKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdGRzLXBhbGV0dGUtbGlnaHQtY29yZS1saWdodC1pbnRlcmFjdGl2ZS1iYWNrZ3JvdW5kLWRlZmF1bHQsICNmZmZmZmYpO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS10ZHMtcGFsZXR0ZS1saWdodC1jb3JlLWxpZ2h0LWJvcmRlci1wcmltYXJ5LCAjOTk5OTk5KTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi8qIElucHV0IGZvY3VzIHN0YXRlICovXG4udGRzLWlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZXh0LWludGVyYWN0aXZlLXByaW1hcnksICMwZjRhYTIpO1xuICBib3gtc2hhZG93OiAwIDAgMCAycHggcmdiYSgxNSwgNzQsIDE2MiwgMC4xKTtcbn1cblxuLyogSW5wdXQgaG92ZXIgc3RhdGUgKi9cbi50ZHMtaW5wdXQ6aG92ZXI6bm90KDpkaXNhYmxlZCkge1xuICBib3JkZXItY29sb3I6IHZhcigtLXRleHQtaW50ZXJhY3RpdmUtcHJpbWFyeSwgIzBmNGFhMik7XG59XG5cbi8qIElucHV0IGRpc2FibGVkIHN0YXRlICovXG4udGRzLWlucHV0OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW50ZXJhY3RpdmUtYmFja2dyb3VuZC1kaXNhYmxlZCwgI2YyZjJmMik7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWRpc2FibGVkLCAjOTk5OTk5KTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ib3JkZXItZGlzYWJsZWQsICNjY2NjY2MpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4vKiBJbnB1dCBwbGFjZWhvbGRlciAqL1xuLnRkcy1pbnB1dDo6cGxhY2Vob2xkZXIge1xuICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnksICM2NjY2NjYpO1xufVxuXG4vKiBJbnB1dCBlcnJvciBzdGF0ZSAob3B0aW9uYWwgY2xhc3MgdG8gYXBwbHkpICovXG4udGRzLWlucHV0LmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZXh0LWVycm9yLCAjY2MwMDAwKTtcbn1cblxuLnRkcy1pbnB1dC5lcnJvcjpmb2N1cyB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tdGV4dC1lcnJvciwgI2NjMDAwMCk7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDJweCByZ2JhKDIwNCwgMCwgMCwgMC4xKTtcbn1cbiJdfQ== */";
128
- styleInject(css_248z$3);
129
-
130
- /** Input component with label using design tokens */
131
- const Input = ({
132
- label,
133
- placeholder,
134
- type = 'text',
135
- value,
136
- onChange,
137
- disabled = false,
138
- required = false,
139
- name,
140
- id,
141
- ...props
142
- }) => {
143
- const inputId = id || name;
144
- return React.createElement("div", {
145
- className: "tds-input-wrapper"
146
- }, label && React.createElement("label", {
147
- htmlFor: inputId,
148
- className: "tds-input-label"
149
- }, label, required && React.createElement("span", {
150
- className: "tds-input-required"
151
- }, "*")), React.createElement("input", {
152
- id: inputId,
153
- type: type,
154
- name: name,
155
- className: "tds-input",
156
- placeholder: placeholder,
157
- value: value,
158
- onChange: onChange,
159
- disabled: disabled,
160
- required: required,
161
- ...props
162
- }));
163
- };
164
-
165
- var css_248z$2 = ".tds-divider{background-color:transparent;box-sizing:border-box}.tds-divider--horizontal{border:none;border-top:1px solid var(--border-primary,#999);height:1px;width:100%}.tds-divider--vertical{border:none;border-left:1px solid var(--border-primary,#999);height:100%;width:1px}.tds-divider--full-width{margin-left:0;margin-right:0;width:100%}.tds-divider--constrained{flex-shrink:0;margin-left:auto;margin-right:auto;width:auto}.tds-divider--spacing-small{margin-bottom:var(--tds-dimension-200,8px);margin-top:var(--tds-dimension-200,8px)}.tds-divider--spacing-medium{margin-bottom:var(--tds-dimension-400,16px);margin-top:var(--tds-dimension-400,16px)}.tds-divider--spacing-large{margin-bottom:var(--tds-dimension-600,24px);margin-top:var(--tds-dimension-600,24px)}.tds-divider--vertical.tds-divider--spacing-small{margin-bottom:0;margin-left:var(--tds-dimension-200,8px);margin-right:var(--tds-dimension-200,8px);margin-top:0}.tds-divider--vertical.tds-divider--spacing-medium{margin-bottom:0;margin-left:var(--tds-dimension-400,16px);margin-right:var(--tds-dimension-400,16px);margin-top:0}.tds-divider--vertical.tds-divider--spacing-large{margin-bottom:0;margin-left:var(--tds-dimension-600,24px);margin-right:var(--tds-dimension-600,24px);margin-top:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsYUFDRSw0QkFBNkIsQ0FDN0IscUJBQ0YsQ0FHQSx5QkFNRSxXQUFpQixDQUFqQiwrQ0FBaUIsQ0FMakIsVUFBVyxDQUNYLFVBS0YsQ0FHQSx1QkFNRSxXQUFtQixDQUFuQixnREFBbUIsQ0FKbkIsV0FBWSxDQURaLFNBTUYsQ0FHQSx5QkFFRSxhQUFjLENBQ2QsY0FBZSxDQUZmLFVBR0YsQ0FHQSwwQkFJRSxhQUFjLENBRmQsZ0JBQWlCLENBQ2pCLGlCQUFrQixDQUZsQixVQUlGLENBR0EsNEJBRUUsMENBQTRDLENBRDVDLHVDQUVGLENBRUEsNkJBRUUsMkNBQTZDLENBRDdDLHdDQUVGLENBRUEsNEJBRUUsMkNBQTZDLENBRDdDLHdDQUVGLENBR0Esa0RBSUUsZUFBZ0IsQ0FIaEIsd0NBQTBDLENBQzFDLHlDQUEyQyxDQUMzQyxZQUVGLENBRUEsbURBSUUsZUFBZ0IsQ0FIaEIseUNBQTJDLENBQzNDLDBDQUE0QyxDQUM1QyxZQUVGLENBRUEsa0RBSUUsZUFBZ0IsQ0FIaEIseUNBQTJDLENBQzNDLDBDQUE0QyxDQUM1QyxZQUVGIiwiZmlsZSI6InN0eWxlcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBEaXZpZGVyIGNvbXBvbmVudCBzdHlsZXMgdXNpbmcgZGVzaWduIHRva2VucyAqL1xuXG4vKiBCYXNlIGRpdmlkZXIgc3R5bGVzICovXG4udGRzLWRpdmlkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLyogSG9yaXpvbnRhbCBkaXZpZGVyIChkZWZhdWx0KSAqL1xuLnRkcy1kaXZpZGVyLS1ob3Jpem9udGFsIHtcbiAgaGVpZ2h0OiAxcHg7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tYm9yZGVyLXByaW1hcnksICM5OTk5OTkpO1xuICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gIGJvcmRlci1ib3R0b206IG5vbmU7XG4gIGJvcmRlci1sZWZ0OiBub25lO1xufVxuXG4vKiBWZXJ0aWNhbCBkaXZpZGVyICovXG4udGRzLWRpdmlkZXItLXZlcnRpY2FsIHtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1wcmltYXJ5LCAjOTk5OTk5KTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbiAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICBib3JkZXItYm90dG9tOiBub25lO1xufVxuXG4vKiBGdWxsIHdpZHRoIGRpdmlkZXIgKi9cbi50ZHMtZGl2aWRlci0tZnVsbC13aWR0aCB7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tbGVmdDogMDtcbiAgbWFyZ2luLXJpZ2h0OiAwO1xufVxuXG4vKiBDb25zdHJhaW5lZCB3aWR0aCBkaXZpZGVyICovXG4udGRzLWRpdmlkZXItLWNvbnN0cmFpbmVkIHtcbiAgd2lkdGg6IGF1dG87XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4vKiBTcGFjaW5nIHZhcmlhbnRzICovXG4udGRzLWRpdmlkZXItLXNwYWNpbmctc21hbGwge1xuICBtYXJnaW4tdG9wOiB2YXIoLS10ZHMtZGltZW5zaW9uLTIwMCwgOHB4KTtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tdGRzLWRpbWVuc2lvbi0yMDAsIDhweCk7XG59XG5cbi50ZHMtZGl2aWRlci0tc3BhY2luZy1tZWRpdW0ge1xuICBtYXJnaW4tdG9wOiB2YXIoLS10ZHMtZGltZW5zaW9uLTQwMCwgMTZweCk7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLXRkcy1kaW1lbnNpb24tNDAwLCAxNnB4KTtcbn1cblxuLnRkcy1kaXZpZGVyLS1zcGFjaW5nLWxhcmdlIHtcbiAgbWFyZ2luLXRvcDogdmFyKC0tdGRzLWRpbWVuc2lvbi02MDAsIDI0cHgpO1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS10ZHMtZGltZW5zaW9uLTYwMCwgMjRweCk7XG59XG5cbi8qIFZlcnRpY2FsIHNwYWNpbmcgZm9yIHZlcnRpY2FsIGRpdmlkZXJzICovXG4udGRzLWRpdmlkZXItLXZlcnRpY2FsLnRkcy1kaXZpZGVyLS1zcGFjaW5nLXNtYWxsIHtcbiAgbWFyZ2luLWxlZnQ6IHZhcigtLXRkcy1kaW1lbnNpb24tMjAwLCA4cHgpO1xuICBtYXJnaW4tcmlnaHQ6IHZhcigtLXRkcy1kaW1lbnNpb24tMjAwLCA4cHgpO1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udGRzLWRpdmlkZXItLXZlcnRpY2FsLnRkcy1kaXZpZGVyLS1zcGFjaW5nLW1lZGl1bSB7XG4gIG1hcmdpbi1sZWZ0OiB2YXIoLS10ZHMtZGltZW5zaW9uLTQwMCwgMTZweCk7XG4gIG1hcmdpbi1yaWdodDogdmFyKC0tdGRzLWRpbWVuc2lvbi00MDAsIDE2cHgpO1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udGRzLWRpdmlkZXItLXZlcnRpY2FsLnRkcy1kaXZpZGVyLS1zcGFjaW5nLWxhcmdlIHtcbiAgbWFyZ2luLWxlZnQ6IHZhcigtLXRkcy1kaW1lbnNpb24tNjAwLCAyNHB4KTtcbiAgbWFyZ2luLXJpZ2h0OiB2YXIoLS10ZHMtZGltZW5zaW9uLTYwMCwgMjRweCk7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG4iXX0= */";
166
- styleInject(css_248z$2);
167
-
168
- /** Divider component that uses design tokens for styling */
169
- const Divider = ({
170
- fullWidth = true,
171
- orientation = 'horizontal',
172
- spacing = 'medium',
173
- className = '',
174
- ...props
175
- }) => {
176
- const baseClass = 'tds-divider';
177
- const orientationClass = `tds-divider--${orientation}`;
178
- const spacingClass = `tds-divider--spacing-${spacing}`;
179
- const widthClass = fullWidth ? 'tds-divider--full-width' : 'tds-divider--constrained';
180
- const classes = [baseClass, orientationClass, spacingClass, widthClass, className].filter(Boolean).join(' ');
181
- return React.createElement("div", {
182
- className: classes,
183
- "data-node-id": "4042:14179",
184
- ...props
185
- });
186
- };
187
-
188
- var css_248z$1 = ".tds-link{cursor:pointer;display:inline;font-family:var(--tds-font-family040,\"Roboto\",sans-serif);font-size:var(--tds-font-size030,1rem);font-weight:var(--tds-font-weight040,400);line-height:var(--tds-font-line-height040,1.5);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:.2em;transition:color .2s ease,text-decoration-color .2s ease}.tds-link--primary{color:var(--interactive-link-primary-default,#005c8a)}.tds-link--primary:visited{color:var(--interactive-link-primary-visited,#005c8a)}.tds-link--primary:hover{color:var(--interactive-link-primary-hover,#004568);text-decoration-thickness:.15em}.tds-link--primary:focus{border-radius:2px;outline:2px solid var(--interactive-link-primary-default,#005c8a);outline-offset:.25em}.tds-link--primary:active{color:var(--interactive-link-primary-active,#003d52)}.tds-link--secondary,.tds-link--secondary:visited{color:var(--text-secondary,#666)}.tds-link--secondary:hover{color:var(--text-primary,#1a1a1a);text-decoration-thickness:.15em}.tds-link--secondary:focus{border-radius:2px;outline:2px solid var(--text-secondary,#666);outline-offset:.25em}.tds-link--secondary:active{color:var(--text-primary,#1a1a1a)}.tds-link--danger,.tds-link--danger:visited{color:var(--text-error,#d32f2f)}.tds-link--danger:hover{color:var(--text-error-hover,#b71c1c);text-decoration-thickness:.15em}.tds-link--danger:focus{border-radius:2px;outline:2px solid var(--text-error,#d32f2f);outline-offset:.25em}.tds-link--danger:active{color:var(--text-error-active,#9a0000)}.tds-link:disabled,.tds-link[aria-disabled=true]{cursor:not-allowed;opacity:.6;text-decoration:none}@media (prefers-color-scheme:dark){.tds-link--primary{color:var(--interactive-link-primary-default-dark,#66b3e0)}.tds-link--primary:hover{color:var(--interactive-link-primary-hover-dark,#8fd4ff)}.tds-link--secondary{color:var(--text-secondary-dark,#999)}.tds-link--secondary:hover{color:var(--text-primary-dark,#e0e0e0)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFLRSxjQUFlLENBSmYsY0FBZSxDQU1mLHlEQUE0RCxDQUM1RCxzQ0FBd0MsQ0FDeEMseUNBQTJDLENBQzNDLDhDQUFnRCxDQVJoRCx5QkFBMEIsQ0FDMUIsa0NBQW1DLENBQ25DLDBCQUE0QixDQUU1Qix3REFLRixDQUdBLG1CQUNFLHFEQUNGLENBRUEsMkJBQ0UscURBQ0YsQ0FFQSx5QkFDRSxtREFBcUQsQ0FDckQsK0JBQ0YsQ0FFQSx5QkFHRSxpQkFBa0IsQ0FGbEIsaUVBQW1FLENBQ25FLG9CQUVGLENBRUEsMEJBQ0Usb0RBQ0YsQ0FPQSxrREFDRSxnQ0FDRixDQUVBLDJCQUNFLGlDQUFtQyxDQUNuQywrQkFDRixDQUVBLDJCQUdFLGlCQUFrQixDQUZsQiw0Q0FBaUQsQ0FDakQsb0JBRUYsQ0FFQSw0QkFDRSxpQ0FDRixDQU9BLDRDQUNFLCtCQUNGLENBRUEsd0JBQ0UscUNBQXVDLENBQ3ZDLCtCQUNGLENBRUEsd0JBR0UsaUJBQWtCLENBRmxCLDJDQUE2QyxDQUM3QyxvQkFFRixDQUVBLHlCQUNFLHNDQUNGLENBR0EsaURBR0Usa0JBQW1CLENBRG5CLFVBQVksQ0FFWixvQkFDRixDQUdBLG1DQUNFLG1CQUNFLDBEQUNGLENBRUEseUJBQ0Usd0RBQ0YsQ0FFQSxxQkFDRSxxQ0FDRixDQUVBLDJCQUNFLHNDQUNGLENBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi50ZHMtbGluayB7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDAuMmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGNvbG9yIDAuMnMgZWFzZSwgdGV4dC1kZWNvcmF0aW9uLWNvbG9yIDAuMnMgZWFzZTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLXRkcy1mb250LWZhbWlseTA0MCwgJ1JvYm90bycsIHNhbnMtc2VyaWYpO1xuICBmb250LXNpemU6IHZhcigtLXRkcy1mb250LXNpemUwMzAsIDFyZW0pO1xuICBmb250LXdlaWdodDogdmFyKC0tdGRzLWZvbnQtd2VpZ2h0MDQwLCA0MDApO1xuICBsaW5lLWhlaWdodDogdmFyKC0tdGRzLWZvbnQtbGluZS1oZWlnaHQwNDAsIDEuNSk7XG59XG5cbi8qIFByaW1hcnkgdmFyaWFudCAoZGVmYXVsdCkgLSBMaW5rIGNvbG9yICovXG4udGRzLWxpbmstLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW50ZXJhY3RpdmUtbGluay1wcmltYXJ5LWRlZmF1bHQsICMwMDVjOGEpO1xufVxuXG4udGRzLWxpbmstLXByaW1hcnk6dmlzaXRlZCB7XG4gIGNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktdmlzaXRlZCwgIzAwNWM4YSk7XG59XG5cbi50ZHMtbGluay0tcHJpbWFyeTpob3ZlciB7XG4gIGNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktaG92ZXIsICMwMDQ1NjgpO1xuICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAwLjE1ZW07XG59XG5cbi50ZHMtbGluay0tcHJpbWFyeTpmb2N1cyB7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktZGVmYXVsdCwgIzAwNWM4YSk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwLjI1ZW07XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cblxuLnRkcy1saW5rLS1wcmltYXJ5OmFjdGl2ZSB7XG4gIGNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktYWN0aXZlLCAjMDAzZDUyKTtcbn1cblxuLyogU2Vjb25kYXJ5IHZhcmlhbnQgKi9cbi50ZHMtbGluay0tc2Vjb25kYXJ5IHtcbiAgY29sb3I6IHZhcigtLXRleHQtc2Vjb25kYXJ5LCAjNjY2NjY2KTtcbn1cblxuLnRkcy1saW5rLS1zZWNvbmRhcnk6dmlzaXRlZCB7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeSwgIzY2NjY2Nik7XG59XG5cbi50ZHMtbGluay0tc2Vjb25kYXJ5OmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLXRleHQtcHJpbWFyeSwgIzFhMWExYSk7XG4gIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDAuMTVlbTtcbn1cblxuLnRkcy1saW5rLS1zZWNvbmRhcnk6Zm9jdXMge1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tdGV4dC1zZWNvbmRhcnksICM2NjY2NjYpO1xuICBvdXRsaW5lLW9mZnNldDogMC4yNWVtO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi50ZHMtbGluay0tc2Vjb25kYXJ5OmFjdGl2ZSB7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LXByaW1hcnksICMxYTFhMWEpO1xufVxuXG4vKiBEYW5nZXIgdmFyaWFudCAqL1xuLnRkcy1saW5rLS1kYW5nZXIge1xuICBjb2xvcjogdmFyKC0tdGV4dC1lcnJvciwgI2QzMmYyZik7XG59XG5cbi50ZHMtbGluay0tZGFuZ2VyOnZpc2l0ZWQge1xuICBjb2xvcjogdmFyKC0tdGV4dC1lcnJvciwgI2QzMmYyZik7XG59XG5cbi50ZHMtbGluay0tZGFuZ2VyOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLXRleHQtZXJyb3ItaG92ZXIsICNiNzFjMWMpO1xuICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAwLjE1ZW07XG59XG5cbi50ZHMtbGluay0tZGFuZ2VyOmZvY3VzIHtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLXRleHQtZXJyb3IsICNkMzJmMmYpO1xuICBvdXRsaW5lLW9mZnNldDogMC4yNWVtO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi50ZHMtbGluay0tZGFuZ2VyOmFjdGl2ZSB7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWVycm9yLWFjdGl2ZSwgIzlhMDAwMCk7XG59XG5cbi8qIERpc2FibGVkIHN0YXRlICovXG4udGRzLWxpbms6ZGlzYWJsZWQsXG4udGRzLWxpbmtbYXJpYS1kaXNhYmxlZD0ndHJ1ZSddIHtcbiAgb3BhY2l0eTogMC42O1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbi8qIERhcmsgbW9kZSBzdXBwb3J0IChvcHRpb25hbCkgKi9cbkBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspIHtcbiAgLnRkcy1saW5rLS1wcmltYXJ5IHtcbiAgICBjb2xvcjogdmFyKC0taW50ZXJhY3RpdmUtbGluay1wcmltYXJ5LWRlZmF1bHQtZGFyaywgIzY2YjNlMCk7XG4gIH1cblxuICAudGRzLWxpbmstLXByaW1hcnk6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktaG92ZXItZGFyaywgIzhmZDRmZik7XG4gIH1cblxuICAudGRzLWxpbmstLXNlY29uZGFyeSB7XG4gICAgY29sb3I6IHZhcigtLXRleHQtc2Vjb25kYXJ5LWRhcmssICM5OTk5OTkpO1xuICB9XG5cbiAgLnRkcy1saW5rLS1zZWNvbmRhcnk6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS10ZXh0LXByaW1hcnktZGFyaywgI2UwZTBlMCk7XG4gIH1cbn1cbiJdfQ== */";
189
- styleInject(css_248z$1);
190
-
191
- /** Link UI component for navigation and interactive linking */
192
- const Link = ({
193
- href,
194
- variant = 'primary',
195
- onClick,
196
- target,
197
- rel,
198
- className,
199
- classes,
200
- styles,
201
- children
202
- }) => {
203
- // If target is _blank, set rel to noopener noreferrer for security
204
- const linkRel = target === '_blank' ? rel ? `${rel} noopener noreferrer` : 'noopener noreferrer' : rel;
205
- return React.createElement("a", {
206
- href: href,
207
- onClick: onClick,
208
- target: target,
209
- rel: linkRel,
210
- className: cn('tds-link', `tds-link--${variant}`, className || classes),
211
- style: styles ? styles : undefined
212
- }, children);
213
- };
214
-
215
- 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:-48px;margin:0 32px;position:absolute;width:1px}}.up-next-articles-container{padding:20px;position:relative}@media (min-width:768px){.up-next-articles-container{padding:24px}}@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:24px;column-gap:24px;display:grid;grid-template-columns:repeat(4,minmax(156px,1fr))}@media (min-width:1024px){.up-next-articles-container .up-next-articles{gap:24px 0;grid-template-columns:1fr}}.up-next-articles-container .up-next-articles .up-next-article{display:flex;flex-direction:column;gap:8px;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:-12px;width:1px;z-index:1}@media (min-width:1024px){.up-next-articles-container .up-next-articles .up-next-article:not(:last-child):after{bottom:-12px;height:1px;left:0;width:100%}}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container{margin-bottom:12px;position:relative}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-duration{bottom:0;left:10px;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0RBRUUsd0JBQWlDLENBQ2pDLGlCQUFrQixDQUZsQixVQUdGLENBQ0Esa0RBQ0UsVUFDRixDQUNBLDBCQUNFLGdEQUNFLHNCQUF1QixDQUN2QixhQUFjLENBRWQsT0FBUSxDQURSLFdBRUYsQ0FDRixDQUNBLDBCQUNFLGdEQUNFLFdBQ0YsQ0FDRixDQUNBLGtFQUNFLFlBQ0YsQ0FDQSx5QkFDRSxrRUFLRSxxQkFBc0IsQ0FIdEIsYUFBYyxDQUNkLFdBQVksQ0FJWixVQUFXLENBRFgsYUFBYyxDQUxkLGlCQUFrQixDQUdsQixTQUlGLENBQ0YsQ0FFQSw0QkFDRSxZQUFhLENBQ2IsaUJBQ0YsQ0FDQSx5QkFDRSw0QkFDRSxZQUNGLENBQ0YsQ0FDQSwwQkFDRSw0QkFDRSxTQUNGLENBQ0YsQ0FDQSxtREFJRSxxQkFBc0IsQ0FEdEIsZUFBZ0IsQ0FGaEIscUJBQXNCLENBQ3RCLGlCQUdGLENBQ0EsMkRBQ0UsYUFBYyxDQUdkLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FBTSxDQUVOLFVBQ0YsQ0FDQSx1REFDRSxjQUNGLENBQ0Esc0RBQ0UsWUFDRixDQUNBLDBCQUNFLHNEQUlFLFdBQVksQ0FIWixpQkFBa0IsQ0FFbEIsT0FBUSxDQURSLEtBQU0sQ0FHTixVQUFXLENBQ1gsU0FDRixDQUNGLENBQ0Esb0ZBRUUsMkRBQXlFLENBRHpFLE1BRUYsQ0FDQSxxRkFFRSw0REFBd0UsQ0FEeEUsT0FFRixDQUNBLDRKQUNFLFlBQ0YsQ0FDQSxxREFDRSxlQUFnQixDQUNoQixpQkFBa0IsQ0FDbEIsb0JBQ0YsQ0FDQSw4Q0FHRSxvQkFBcUIsQ0FDaEIsZUFBZ0IsQ0FIckIsWUFBYSxDQUNiLGlEQUdGLENBQ0EsMEJBQ0UsOENBQ0UsVUFBVyxDQUNYLHlCQUNGLENBQ0YsQ0FDQSwrREFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLE9BQVEsQ0FDUixpQkFDRixDQUNBLHNGQUdFLHFCQUFzQixDQUZ0QixVQUFXLENBSVgsV0FBWSxDQUhaLGlCQUFrQixDQUtsQixXQUFZLENBRFosU0FBVSxDQUZWLFNBSUYsQ0FDQSwwQkFDRSxzRkFJRSxZQUFhLENBSGIsVUFBVyxDQUVYLE1BQU8sQ0FEUCxVQUdGLENBQ0YsQ0FDQSxnR0FFRSxrQkFBbUIsQ0FEbkIsaUJBRUYsQ0FDQSwwSEFFRSxRQUFTLENBQ1QsU0FBVSxDQUNWLGlCQUFrQixDQUhsQixTQUlGLENBQ0EsK0hBS0UsNkRBQWlGLENBSmpGLFFBQVMsQ0FHVCxVQUFXLENBRlgsaUJBQWtCLENBQ2xCLFVBQVcsQ0FHWCxTQUNGLENBQ0Esc0tBQ0UsU0FDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQge1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI5LCAyOSwgMjcpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udmlkZW8tYXJ0aWNsZS1jb250YWluZXIgLnZpZGVvLWFydGljbGUtdXAtbmV4dCAqIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC52aWRlby1hcnRpY2xlLWNvbnRhaW5lciAudmlkZW8tYXJ0aWNsZS11cC1uZXh0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICB3aWR0aDogMjIwcHg7XG4gICAgb3JkZXI6IDA7XG4gIH1cbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMzIwcHgpIHtcbiAgLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQge1xuICAgIHdpZHRoOiAyNzBweDtcbiAgfVxufVxuLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQgLnZlcnRpY2FsLWRpdmlkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIC52aWRlby1hcnRpY2xlLWNvbnRhaW5lciAudmlkZW8tYXJ0aWNsZS11cC1uZXh0IC52ZXJ0aWNhbC1kaXZpZGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzIyMjtcbiAgICBtYXJnaW46IDAgMzJweDtcbiAgICBsZWZ0OiAtNDhweDtcbiAgfVxufVxuXG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIge1xuICBwYWRkaW5nOiAyMHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIHtcbiAgICBwYWRkaW5nOiAyNHB4O1xuICB9XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciB7XG4gICAgcGFkZGluZzogMDtcbiAgfVxufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGUtaW1hZ2Uge1xuICBwYWRkaW5nLWJvdHRvbTogNTYuMjUlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMzM7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZSBwaWN0dXJlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWltYWdlIGltZyB7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbkBtZWRpYSAobWF4LXdpZHRoOiAxMDIzcHgpIHtcbiAgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzLW92ZXJsYXkge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiA3NXB4O1xuICAgIHotaW5kZXg6IDE7XG4gIH1cbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5LnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS1sZWZ0IHtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCByZ2IoMjksIDI5LCAyNyksIHRyYW5zcGFyZW50KTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5LnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS1yaWdodCB7XG4gIHJpZ2h0OiAwO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gbGVmdCwgcmdiKDI5LCAyOSwgMjcpLCB0cmFuc3BhcmVudCk7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIuc2hvdy1sZWZ0LW92ZXJsYXkgLnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS1sZWZ0LCAudXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIuc2hvdy1yaWdodC1vdmVybGF5IC51cC1uZXh0LWFydGljbGVzLW92ZXJsYXktcmlnaHQge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzLXNjcm9sbCB7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgbWlubWF4KDE1NnB4LCAxZnIpKTtcbiAgLW1vei1jb2x1bW4tZ2FwOiAyNHB4O1xuICAgICAgIGNvbHVtbi1nYXA6IDI0cHg7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyB7XG4gICAgZ2FwOiAyNHB4IDA7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIH1cbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyAudXAtbmV4dC1hcnRpY2xlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyAudXAtbmV4dC1hcnRpY2xlOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjIyO1xuICB6LWluZGV4OiAxO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxcHg7XG4gIHJpZ2h0OiAtMTJweDtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIC51cC1uZXh0LWFydGljbGU6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gICAgYm90dG9tOiAtMTJweDtcbiAgfVxufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIC51cC1uZXh0LWFydGljbGUgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1jb250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbi1ib3R0b206IDEycHg7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWR1cmF0aW9uIHtcbiAgei1pbmRleDogMjtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAxMHB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWltYWdlLW92ZXJsYXkge1xuICBib3R0b206IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gdG9wLCByZ2JhKDAsIDAsIDAsIDAuNSkgMCUsIHJnYmEoMCwgMCwgMCwgMCkgMTAwJSk7XG4gIHotaW5kZXg6IDE7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lcjpob3ZlciAudXAtbmV4dC1hcnRpY2xlLWltYWdlLW92ZXJsYXkge1xuICBvcGFjaXR5OiAxO1xufVxuIl19 */";
216
- styleInject(css_248z);
217
-
218
- /** Primary UpNextArticles UI component for user interaction */
219
- const UpNextArticles = ({
220
- upNextArticles
221
- }) => {
222
- if (!upNextArticles || upNextArticles.length === 0) {
223
- return;
224
- }
225
- return React.createElement("div", {
226
- className: "video-article-up-next"
227
- }, React.createElement("div", {
228
- className: "vertical-divider"
229
- }), React.createElement("div", {
230
- className: "up-next-articles-container show-right-overlay"
231
- }, React.createElement(Text, {
232
- as: "h4",
233
- classes: "video-heading video-category"
234
- }, "Up Next"), React.createElement("div", {
235
- className: "up-next-articles-overlay up-next-articles-overlay-left"
236
- }), React.createElement("div", {
237
- className: "up-next-articles-scroll"
238
- }, React.createElement("div", {
239
- className: "up-next-articles"
240
- }, upNextArticles.map((up_next_article, index) => React.createElement("div", {
241
- className: "up-next-article",
242
- key: index
243
- }, React.createElement("a", {
244
- href: up_next_article.url
245
- }, React.createElement("div", {
246
- className: "up-next-article-image-container"
247
- }, React.createElement(Text, {
248
- classes: "up-next-article-duration video-heading"
249
- }, up_next_article.duration), React.createElement("div", {
250
- className: "up-next-article-image-overlay"
251
- }), React.createElement("div", {
252
- className: "up-next-article-image"
253
- }, up_next_article.thumbnail !== '' && React.createElement("picture", null, React.createElement("source", {
254
- srcSet: up_next_article.thumbnail,
255
- type: "image/webp"
256
- }), React.createElement("img", {
257
- loading: "lazy",
258
- src: up_next_article.thumbnail,
259
- alt: up_next_article.headline
260
- })))), React.createElement(Text, {
261
- as: "span",
262
- classes: "article-heading"
263
- }, up_next_article.headline)))))), React.createElement("div", {
264
- className: "up-next-articles-overlay up-next-articles-overlay-right"
265
- })));
266
- };
267
-
268
- const useTypographyToken = (typographyToken, tokens) => `
269
- .${typographyToken} {
270
- font: ${typographyToken}
271
-
272
- @media (min-width: ${tokens.breakpoints.sm}px) {
273
- fontSize: ${tokens['Viewport/ Small'].typography[typographyToken].fontSize};
274
- }
275
-
276
- @media (min-width: ${tokens.breakpoints.md}px) {
277
- fontSize: ${tokens['Viewport/ Medium'].typography[typographyToken].fontSize};
278
- }
279
-
280
- @media (min-width: ${tokens.breakpoints.lg}px) {
281
- fontSize: ${tokens['Viewport/ Large'].typography[typographyToken].fontSize};
282
- }
283
-
284
- @media (min-width: ${tokens.breakpoints.xl}px) {
285
- fontSize: ${tokens['Viewport/ XLarge'].typography[typographyToken].fontSize};
286
- }
287
- }
288
- `;
289
-
290
- exports.AdContainer = AdContainer;
291
- exports.Button = Button;
292
- exports.CommentsDisabled = CommentsDisabled;
293
- exports.Divider = Divider;
294
- exports.Input = Input;
295
- exports.Link = Link;
296
- exports.Text = Text;
297
- exports.UpNextArticles = UpNextArticles;
298
- exports.useTypographyToken = useTypographyToken;
299
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../node_modules/style-inject/dist/style-inject.es.js","../src/Button/Button.tsx","../src/utils/cn.tsx","../src/Text/Text.tsx","../src/AdContainer/AdContainer.tsx","../src/CommentsDisabled/CommentsDisabled.tsx","../src/Input/Input.tsx","../src/Divider/Divider.tsx","../src/Link/Link.tsx","../src/Article/UpNextArticles/UpNextArticles.tsx","../src/utils/hooks.ts"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport './styles.css';\n\ninterface ButtonProps {\n /** Is this the principal call to action on the page? */\n primary?: boolean;\n /** How large should the button be? */\n size?: 'small' | 'medium' | 'large';\n /** Button contents */\n label: string;\n /** Optional click handler */\n onClick?: () => void;\n}\n\n/** Primary UI component for user interaction */\nexport const Button: React.FC<ButtonProps> = ({\n primary,\n size,\n label,\n ...props\n}) => {\n const mode = primary\n ? 'storybook-button--primary'\n : 'storybook-button--secondary';\n return (\n <button\n type=\"button\"\n className={['storybook-button', `storybook-button--${size}`, mode].join(\n ' '\n )}\n {...props}\n >\n {label}\n </button>\n );\n};\n","export const cn = (...classNames: (string | undefined)[]) => {\n return classNames.filter(Boolean).join(' ');\n};\n","import React from 'react';\nimport './styles.css';\nimport './typographyStyles.css';\nimport { cn } from '../utils/cn';\n\ninterface TextProps {\n as?: 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n typographyStyle?: string;\n classes?: string;\n styles?: { [key: string]: string };\n children?: React.ReactNode;\n}\n\nexport const Text: React.FC<TextProps> = ({\n as,\n typographyStyle,\n styles,\n classes,\n children\n}) => {\n const TextComponent = as || 'p';\n const transformedTypographyStyle =\n typographyStyle?.replaceAll('.', '-').toLowerCase() ?? '';\n\n return (\n <TextComponent\n className={cn(\n classes,\n typographyStyle\n ? `--tds-typography-tokens-${transformedTypographyStyle}`\n : undefined\n )}\n style={styles ? styles : undefined}\n >\n {children}\n </TextComponent>\n );\n};\n","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","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","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 htmlFor={inputId} className=\"tds-input-label\">\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\"\n placeholder={placeholder}\n value={value}\n onChange={onChange}\n disabled={disabled}\n required={required}\n {...props}\n />\n </div>\n );\n};\n","import React from 'react';\nimport './styles.css';\n\ninterface DividerProps {\n /** Whether the divider should span full width of its container */\n fullWidth?: boolean;\n /** Orientation of the divider */\n orientation?: 'horizontal' | 'vertical';\n /** Custom spacing/margin */\n spacing?: 'small' | 'medium' | 'large';\n /** CSS class for additional styling */\n className?: string;\n}\n\n/** Divider component that uses design tokens for styling */\nexport const Divider: React.FC<DividerProps> = ({\n fullWidth = true,\n orientation = 'horizontal',\n spacing = 'medium',\n className = '',\n ...props\n}) => {\n const baseClass = 'tds-divider';\n const orientationClass = `tds-divider--${orientation}`;\n const spacingClass = `tds-divider--spacing-${spacing}`;\n const widthClass = fullWidth\n ? 'tds-divider--full-width'\n : 'tds-divider--constrained';\n\n const classes = [\n baseClass,\n orientationClass,\n spacingClass,\n widthClass,\n className\n ]\n .filter(Boolean)\n .join(' ');\n\n return <div className={classes} data-node-id=\"4042:14179\" {...props} />;\n};\n","import React from 'react';\nimport './styles.css';\nimport { cn } from '../utils/cn';\n\ninterface LinkProps {\n href: string;\n variant?: 'primary' | 'secondary' | 'danger';\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 variant = 'primary',\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 return (\n <a\n href={href}\n onClick={onClick}\n target={target}\n rel={linkRel}\n className={cn('tds-link', `tds-link--${variant}`, className || classes)}\n style={styles ? styles : undefined}\n >\n {children}\n </a>\n );\n};\n","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","// function possibly for future use with typography tokens.\n// takes a token and tokens object, returns media query string referencing typography token values.\ntype UseTypographyToken = (\n typographyToken: string,\n tokens: {\n breakpoints: { [key: string]: number };\n [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n }\n) => string;\n\nexport const useTypographyToken: UseTypographyToken = (\n typographyToken,\n tokens\n) => `\n .${typographyToken} {\n font: ${typographyToken}\n\n @media (min-width: ${tokens.breakpoints.sm}px) {\n fontSize: ${tokens['Viewport/ Small'].typography[typographyToken].fontSize};\n }\n\n @media (min-width: ${tokens.breakpoints.md}px) {\n fontSize: ${tokens['Viewport/ Medium'].typography[typographyToken].fontSize};\n }\n\n @media (min-width: ${tokens.breakpoints.lg}px) {\n fontSize: ${tokens['Viewport/ Large'].typography[typographyToken].fontSize};\n }\n\n @media (min-width: ${tokens.breakpoints.xl}px) {\n fontSize: ${tokens['Viewport/ XLarge'].typography[typographyToken].fontSize};\n }\n }\n`;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","Button","primary","size","label","props","mode","React","className","join","cn","classNames","filter","Boolean","Text","as","typographyStyle","styles","classes","children","TextComponent","transformedTypographyStyle","replaceAll","toLowerCase","undefined","AdContainer","slotID","id","CommentsDisabled","forwardRef","heading","contentText","guidelinesUrl","guidelinesLinkText","trim","href","target","rel","displayName","Input","placeholder","value","onChange","disabled","required","name","inputId","htmlFor","Divider","fullWidth","orientation","spacing","baseClass","orientationClass","spacingClass","widthClass","Link","variant","onClick","linkRel","UpNextArticles","upNextArticles","length","map","up_next_article","index","key","url","duration","thumbnail","srcSet","loading","src","alt","headline","useTypographyToken","typographyToken","tokens","breakpoints","sm","typography","fontSize","md","lg","xl"],"mappings":"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","x_google_ignoreList":[0]}
package/dist/styles.css DELETED
@@ -1,151 +0,0 @@
1
- .video-article-container .video-article-up-next {
2
- width: 100%;
3
- background-color: rgb(29, 29, 27);
4
- position: relative;
5
- }
6
- .video-article-container .video-article-up-next * {
7
- width: 100%;
8
- }
9
- @media (min-width: 1024px) {
10
- .video-article-container .video-article-up-next {
11
- background-color: unset;
12
- flex-shrink: 0;
13
- width: 220px;
14
- order: 0;
15
- }
16
- }
17
- @media (min-width: 1320px) {
18
- .video-article-container .video-article-up-next {
19
- width: 270px;
20
- }
21
- }
22
- .video-article-container .video-article-up-next .vertical-divider {
23
- display: none;
24
- }
25
- @media (min-width: 768px) {
26
- .video-article-container .video-article-up-next .vertical-divider {
27
- position: absolute;
28
- display: block;
29
- height: 100%;
30
- width: 1px;
31
- background-color: #222;
32
- margin: 0 32px;
33
- left: -48px;
34
- }
35
- }
36
-
37
- .up-next-articles-container {
38
- padding: 20px;
39
- position: relative;
40
- }
41
- @media (min-width: 768px) {
42
- .up-next-articles-container {
43
- padding: 24px;
44
- }
45
- }
46
- @media (min-width: 1024px) {
47
- .up-next-articles-container {
48
- padding: 0;
49
- }
50
- }
51
- .up-next-articles-container .up-next-article-image {
52
- padding-bottom: 56.25%;
53
- position: relative;
54
- overflow: hidden;
55
- background-color: #333;
56
- }
57
- .up-next-articles-container .up-next-article-image picture {
58
- display: block;
59
- position: absolute;
60
- top: 0;
61
- left: 0;
62
- width: 100%;
63
- }
64
- .up-next-articles-container .up-next-article-image img {
65
- max-width: 100%;
66
- }
67
- .up-next-articles-container .up-next-articles-overlay {
68
- display: none;
69
- }
70
- @media (max-width: 1023px) {
71
- .up-next-articles-container .up-next-articles-overlay {
72
- position: absolute;
73
- top: 0;
74
- right: 0;
75
- height: 100%;
76
- width: 75px;
77
- z-index: 1;
78
- }
79
- }
80
- .up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-left {
81
- left: 0;
82
- background-image: linear-gradient(to right, rgb(29, 29, 27), transparent);
83
- }
84
- .up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-right {
85
- right: 0;
86
- background-image: linear-gradient(to left, rgb(29, 29, 27), transparent);
87
- }
88
- .up-next-articles-container.show-left-overlay .up-next-articles-overlay-left, .up-next-articles-container.show-right-overlay .up-next-articles-overlay-right {
89
- display: flex;
90
- }
91
- .up-next-articles-container .up-next-articles-scroll {
92
- overflow-x: auto;
93
- position: relative;
94
- scrollbar-width: none;
95
- }
96
- .up-next-articles-container .up-next-articles {
97
- display: grid;
98
- grid-template-columns: repeat(4, minmax(156px, 1fr));
99
- -moz-column-gap: 24px;
100
- column-gap: 24px;
101
- }
102
- @media (min-width: 1024px) {
103
- .up-next-articles-container .up-next-articles {
104
- gap: 24px 0;
105
- grid-template-columns: 1fr;
106
- }
107
- }
108
- .up-next-articles-container .up-next-articles .up-next-article {
109
- display: flex;
110
- flex-direction: column;
111
- gap: 8px;
112
- position: relative;
113
- }
114
- .up-next-articles-container .up-next-articles .up-next-article:not(:last-child)::after {
115
- content: "";
116
- position: absolute;
117
- background-color: #222;
118
- z-index: 1;
119
- height: 100%;
120
- width: 1px;
121
- right: -12px;
122
- }
123
- @media (min-width: 1024px) {
124
- .up-next-articles-container .up-next-articles .up-next-article:not(:last-child)::after {
125
- height: 1px;
126
- width: 100%;
127
- left: 0;
128
- bottom: -12px;
129
- }
130
- }
131
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container {
132
- position: relative;
133
- margin-bottom: 12px;
134
- }
135
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-duration {
136
- z-index: 2;
137
- bottom: 0;
138
- left: 10px;
139
- position: absolute;
140
- }
141
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-overlay {
142
- bottom: 0;
143
- position: absolute;
144
- width: 100%;
145
- height: 50%;
146
- background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
147
- z-index: 1;
148
- }
149
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-container:hover .up-next-article-image-overlay {
150
- opacity: 1;
151
- }
@@ -1,30 +0,0 @@
1
- .storybook-button {
2
- display: inline-block;
3
- cursor: pointer;
4
- border: 0;
5
- border-radius: 3em;
6
- font-weight: 700;
7
- line-height: 1;
8
- font-family: 'Roboto', 'Roboto-Regular', Helvetica, Arial, sans-serif;
9
- }
10
- .storybook-button--primary {
11
- background-color: #555ab9;
12
- color: white;
13
- }
14
- .storybook-button--secondary {
15
- box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
16
- background-color: transparent;
17
- color: #333;
18
- }
19
- .storybook-button--small {
20
- padding: 10px 16px;
21
- font-size: 12px;
22
- }
23
- .storybook-button--medium {
24
- padding: 11px 20px;
25
- font-size: 14px;
26
- }
27
- .storybook-button--large {
28
- padding: 12px 24px;
29
- font-size: 16px;
30
- }
@@ -1 +0,0 @@
1
- export declare const cn: (...classNames: (string | undefined)[]) => string;
@@ -1,8 +0,0 @@
1
- type UseTypographyToken = (typographyToken: string, tokens: {
2
- breakpoints: {
3
- [key: string]: number;
4
- };
5
- [key: string]: any;
6
- }) => string;
7
- export declare const useTypographyToken: UseTypographyToken;
8
- export {};
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import { Text } from '../Text/Text';
3
- import './styles.css';
4
-
5
- interface AdContainerProps {
6
- type?: 'header' | 'inline';
7
- slotID?: string;
8
- }
9
-
10
- /** Primary AdContainer UI component for user interaction */
11
-
12
- export const AdContainer: React.FC<AdContainerProps> = ({
13
- type = 'inline',
14
- slotID
15
- }) => {
16
- return (
17
- <div
18
- className={`ad-${type}-container`}
19
- data-testid={`ad-${type}-container`}
20
- >
21
- {type === 'inline' && (
22
- <Text as="span" classes="ad-label">
23
- Advertisement
24
- </Text>
25
- )}
26
- <div className={`ad-${type}-wrapper`}>
27
- <div id={type === 'header' ? 'ad-header' : slotID}></div>
28
- </div>
29
- </div>
30
- );
31
- };