@ndla/ui 55.0.14-alpha.0 → 55.0.16-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/panda.buildinfo.json +40 -13
- package/dist/styles.css +160 -54
- package/es/Article/ArticleByline.js +81 -48
- package/es/Article/ArticleFootNotes.js +31 -19
- package/es/AudioPlayer/AudioPlayer.js +1 -0
- package/es/Concept/Concept.js +2 -2
- package/es/ContactBlock/ContactBlock.js +17 -17
- package/es/ContentTypeBadge/ContentTypeBadgeNew.js +1 -0
- package/es/Embed/BrightcoveEmbed.js +0 -1
- package/es/Embed/CopyrightEmbed.js +1 -2
- package/es/FrontpageArticle/FrontpageArticle.js +1 -2
- package/es/LicenseByline/EmbedByline.js +143 -33
- package/es/LicenseByline/LicenseLink.js +16 -9
- package/es/LicenseByline/index.js +2 -2
- package/es/index.js +0 -2
- package/es/model/ContentType.js +3 -1
- package/es/styles.css +160 -54
- package/lib/Article/ArticleByline.d.ts +1 -3
- package/lib/Article/ArticleByline.js +84 -51
- package/lib/Article/ArticleFootNotes.js +31 -20
- package/lib/AudioPlayer/AudioPlayer.js +1 -0
- package/lib/Concept/Concept.js +1 -1
- package/lib/ContactBlock/ContactBlock.js +18 -18
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +1 -2
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +1 -0
- package/lib/Embed/BrightcoveEmbed.js +0 -1
- package/lib/Embed/CopyrightEmbed.js +1 -2
- package/lib/FrontpageArticle/FrontpageArticle.js +1 -2
- package/lib/LicenseByline/EmbedByline.d.ts +2 -4
- package/lib/LicenseByline/EmbedByline.js +145 -35
- package/lib/LicenseByline/LicenseLink.d.ts +2 -2
- package/lib/LicenseByline/LicenseLink.js +16 -9
- package/lib/LicenseByline/index.d.ts +2 -2
- package/lib/LicenseByline/index.js +4 -5
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -20
- package/lib/model/ContentType.d.ts +1 -0
- package/lib/model/ContentType.js +4 -2
- package/lib/styles.css +160 -54
- package/package.json +5 -6
- package/src/Article/ArticleByline.tsx +83 -70
- package/src/Article/ArticleFootNotes.tsx +32 -36
- package/src/AudioPlayer/AudioPlayer.tsx +1 -0
- package/src/Concept/Concept.tsx +2 -2
- package/src/ContactBlock/ContactBlock.tsx +1 -1
- package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +3 -1
- package/src/Embed/BrightcoveEmbed.tsx +1 -1
- package/src/Embed/CopyrightEmbed.tsx +1 -1
- package/src/FrontpageArticle/FrontpageArticle.tsx +1 -1
- package/src/LicenseByline/EmbedByline.stories.tsx +9 -4
- package/src/LicenseByline/EmbedByline.tsx +139 -53
- package/src/LicenseByline/LicenseLink.tsx +15 -15
- package/src/LicenseByline/index.tsx +2 -2
- package/src/index.ts +0 -3
- package/src/model/ContentType.ts +2 -0
- package/es/CreatedBy/CreatedBy.js +0 -73
- package/es/CreatedBy/index.js +0 -10
- package/es/LicenseByline/LicenseDescription.js +0 -63
- package/es/List/OrderedList.js +0 -41
- package/es/List/UnOrderedList.js +0 -28
- package/es/List/index.js +0 -10
- package/lib/CreatedBy/CreatedBy.d.ts +0 -15
- package/lib/CreatedBy/CreatedBy.js +0 -78
- package/lib/CreatedBy/index.d.ts +0 -9
- package/lib/CreatedBy/index.js +0 -16
- package/lib/LicenseByline/LicenseDescription.d.ts +0 -15
- package/lib/LicenseByline/LicenseDescription.js +0 -70
- package/lib/List/OrderedList.d.ts +0 -16
- package/lib/List/OrderedList.js +0 -48
- package/lib/List/UnOrderedList.d.ts +0 -10
- package/lib/List/UnOrderedList.js +0 -35
- package/lib/List/index.d.ts +0 -9
- package/lib/List/index.js +0 -20
- package/src/CreatedBy/CreatedBy.stories.tsx +0 -36
- package/src/CreatedBy/CreatedBy.tsx +0 -63
- package/src/CreatedBy/index.ts +0 -11
- package/src/LicenseByline/LicenseDescription.tsx +0 -100
- package/src/List/OrderedList.stories.tsx +0 -135
- package/src/List/OrderedList.tsx +0 -158
- package/src/List/UnOrderedList.tsx +0 -43
- package/src/List/UnorderedList.stories.tsx +0 -72
- package/src/List/index.ts +0 -10
package/es/styles.css
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
@layer utilities {
|
|
2
2
|
@layer compositions {
|
|
3
|
+
.textStyle_body\.medium {
|
|
4
|
+
font-family: var(--fonts-sans);
|
|
5
|
+
font-weight: var(--font-weights-normal);
|
|
6
|
+
font-size: var(--font-sizes-small);
|
|
7
|
+
line-height: var(--line-heights-small);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.textStyle_body\.medium:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
|
|
11
|
+
font-size: calc(var(--font-sizes-small) * 1.11);
|
|
12
|
+
line-height: calc(var(--line-heights-small) * 1.11);
|
|
13
|
+
}
|
|
14
|
+
|
|
3
15
|
.textStyle_body\.large {
|
|
4
16
|
font-family: var(--fonts-sans);
|
|
5
17
|
font-weight: var(--font-weights-normal);
|
|
@@ -36,18 +48,6 @@
|
|
|
36
48
|
line-height: calc(var(--line-heights-medium) * 1.11);
|
|
37
49
|
}
|
|
38
50
|
|
|
39
|
-
.textStyle_body\.medium {
|
|
40
|
-
font-family: var(--fonts-sans);
|
|
41
|
-
font-weight: var(--font-weights-normal);
|
|
42
|
-
font-size: var(--font-sizes-small);
|
|
43
|
-
line-height: var(--line-heights-small);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.textStyle_body\.medium:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
|
|
47
|
-
font-size: calc(var(--font-sizes-small) * 1.11);
|
|
48
|
-
line-height: calc(var(--line-heights-small) * 1.11);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
51
|
.\[\&_a\]\:textStyle_label\.xsmall a {
|
|
52
52
|
font-family: var(--fonts-sans);
|
|
53
53
|
font-weight: var(--font-weights-normal);
|
|
@@ -61,6 +61,50 @@
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
+
.mbs_medium {
|
|
65
|
+
margin-block-start: var(--spacing-medium);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.pbs_xsmall {
|
|
69
|
+
padding-block-start: var(--spacing-xsmall);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.bd-t_1px_solid {
|
|
73
|
+
border-top: 1px solid;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.d_flex {
|
|
77
|
+
display: flex;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.gap_3xsmall {
|
|
81
|
+
gap: var(--spacing-3xsmall);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.w_100\% {
|
|
85
|
+
width: 100%;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.py_xsmall {
|
|
89
|
+
padding-block: var(--spacing-xsmall);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.gap_xsmall {
|
|
93
|
+
gap: var(--spacing-xsmall);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.pbs_xxlarge {
|
|
97
|
+
padding-block-start: var(--spacing-xxlarge);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.gap_medium {
|
|
101
|
+
gap: var(--spacing-medium);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.li-s_none {
|
|
105
|
+
list-style: none;
|
|
106
|
+
}
|
|
107
|
+
|
|
64
108
|
.bd_1px_solid {
|
|
65
109
|
border: 1px solid;
|
|
66
110
|
}
|
|
@@ -73,12 +117,12 @@
|
|
|
73
117
|
box-shadow: var(--shadows-full);
|
|
74
118
|
}
|
|
75
119
|
|
|
76
|
-
.
|
|
77
|
-
|
|
120
|
+
.mbe_4xsmall {
|
|
121
|
+
margin-block-end: var(--spacing-4xsmall);
|
|
78
122
|
}
|
|
79
123
|
|
|
80
|
-
.
|
|
81
|
-
|
|
124
|
+
.ov_hidden {
|
|
125
|
+
overflow: hidden;
|
|
82
126
|
}
|
|
83
127
|
|
|
84
128
|
.flex_1_0_auto {
|
|
@@ -93,18 +137,10 @@
|
|
|
93
137
|
height: var(--sizes-surface-4xsmall);
|
|
94
138
|
}
|
|
95
139
|
|
|
96
|
-
.gap_xsmall {
|
|
97
|
-
gap: var(--spacing-xsmall);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
140
|
.p_xsmall {
|
|
101
141
|
padding: var(--spacing-xsmall);
|
|
102
142
|
}
|
|
103
143
|
|
|
104
|
-
.w_100\% {
|
|
105
|
-
width: 100%;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
144
|
.bd-bs_1px_solid {
|
|
109
145
|
border-block-start: 1px solid;
|
|
110
146
|
}
|
|
@@ -130,10 +166,6 @@
|
|
|
130
166
|
background: var(--colors-background-default);
|
|
131
167
|
}
|
|
132
168
|
|
|
133
|
-
.py_xsmall {
|
|
134
|
-
padding-block: var(--spacing-xsmall);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
169
|
.px_medium {
|
|
138
170
|
padding-inline: var(--spacing-medium);
|
|
139
171
|
}
|
|
@@ -210,10 +242,6 @@
|
|
|
210
242
|
color: var(--colors-text-default);
|
|
211
243
|
}
|
|
212
244
|
|
|
213
|
-
.gap_medium {
|
|
214
|
-
gap: var(--spacing-medium);
|
|
215
|
-
}
|
|
216
|
-
|
|
217
245
|
.h_100\% {
|
|
218
246
|
height: 100%;
|
|
219
247
|
}
|
|
@@ -407,20 +435,32 @@
|
|
|
407
435
|
padding-block: var(--spacing-small);
|
|
408
436
|
}
|
|
409
437
|
|
|
410
|
-
.bd-t_1px_solid {
|
|
411
|
-
border-top: 1px solid;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
438
|
.bg_surface\.default {
|
|
415
439
|
background: var(--colors-surface-default);
|
|
416
440
|
}
|
|
417
441
|
|
|
418
|
-
.
|
|
419
|
-
|
|
442
|
+
.bg_surface\.dangerSubtle {
|
|
443
|
+
background: var(--colors-surface-danger-subtle);
|
|
420
444
|
}
|
|
421
445
|
|
|
422
|
-
.
|
|
423
|
-
|
|
446
|
+
.d_inline-flex {
|
|
447
|
+
display: inline-flex;
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
.white-space_pre-wrap {
|
|
451
|
+
white-space: pre-wrap;
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
.c_primary {
|
|
455
|
+
color: var(--colors-primary);
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
.white-space_nowrap {
|
|
459
|
+
white-space: nowrap;
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
.c_icon\.strong {
|
|
463
|
+
color: var(--colors-icon-strong);
|
|
424
464
|
}
|
|
425
465
|
|
|
426
466
|
.d_grid {
|
|
@@ -435,22 +475,34 @@
|
|
|
435
475
|
aspect-ratio: 1/1;
|
|
436
476
|
}
|
|
437
477
|
|
|
438
|
-
.bd-c_stroke\.
|
|
439
|
-
border-color: var(--colors-stroke-
|
|
478
|
+
.bd-c_stroke\.subtle {
|
|
479
|
+
border-color: var(--colors-stroke-subtle);
|
|
440
480
|
}
|
|
441
481
|
|
|
442
|
-
.
|
|
443
|
-
|
|
482
|
+
.flex-d_column-reverse {
|
|
483
|
+
flex-direction: column-reverse;
|
|
444
484
|
}
|
|
445
485
|
|
|
446
|
-
.
|
|
447
|
-
|
|
486
|
+
.jc_space-between {
|
|
487
|
+
justify-content: space-between;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
.ai_center {
|
|
491
|
+
align-items: center;
|
|
448
492
|
}
|
|
449
493
|
|
|
450
494
|
.flex-d_column {
|
|
451
495
|
flex-direction: column;
|
|
452
496
|
}
|
|
453
497
|
|
|
498
|
+
.bd-c_stroke\.default {
|
|
499
|
+
border-color: var(--colors-stroke-default);
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
.ai_flex-start {
|
|
503
|
+
align-items: flex-start;
|
|
504
|
+
}
|
|
505
|
+
|
|
454
506
|
.as_flex-start {
|
|
455
507
|
align-self: flex-start;
|
|
456
508
|
}
|
|
@@ -463,10 +515,6 @@
|
|
|
463
515
|
background-color: var(--colors-background-default);
|
|
464
516
|
}
|
|
465
517
|
|
|
466
|
-
.bd-c_stroke\.subtle {
|
|
467
|
-
border-color: var(--colors-stroke-subtle);
|
|
468
|
-
}
|
|
469
|
-
|
|
470
518
|
.trs-dur_fast {
|
|
471
519
|
--transition-duration: var(--durations-fast);
|
|
472
520
|
transition-duration: var(--durations-fast);
|
|
@@ -596,14 +644,14 @@
|
|
|
596
644
|
bottom: calc(var(--spacing-medium) * -1);
|
|
597
645
|
}
|
|
598
646
|
|
|
599
|
-
.jc_space-between {
|
|
600
|
-
justify-content: space-between;
|
|
601
|
-
}
|
|
602
|
-
|
|
603
647
|
.font-style_italic {
|
|
604
648
|
font-style: italic;
|
|
605
649
|
}
|
|
606
650
|
|
|
651
|
+
.bd-c_stroke\.error {
|
|
652
|
+
border-color: var(--colors-stroke-error);
|
|
653
|
+
}
|
|
654
|
+
|
|
607
655
|
.grid-tc_repeat\(2\,_1fr\) {
|
|
608
656
|
grid-template-columns: repeat(2, 1fr);
|
|
609
657
|
}
|
|
@@ -926,6 +974,10 @@
|
|
|
926
974
|
content: "";
|
|
927
975
|
}
|
|
928
976
|
|
|
977
|
+
.focusWithin\:td_none:focus-within {
|
|
978
|
+
text-decoration: none;
|
|
979
|
+
}
|
|
980
|
+
|
|
929
981
|
.focusVisible\:ring_none:is(:focus-visible, [data-focus-visible]) {
|
|
930
982
|
outline: 2px solid transparent;
|
|
931
983
|
outline-offset: 2px;
|
|
@@ -1042,6 +1094,9 @@
|
|
|
1042
1094
|
@media screen and (min-width: 29.75rem) {
|
|
1043
1095
|
.mobileWide\:max-w_surface\.medium {
|
|
1044
1096
|
max-width: var(--sizes-surface-medium);
|
|
1097
|
+
}
|
|
1098
|
+
.mobileWide\:d_none {
|
|
1099
|
+
display: none;
|
|
1045
1100
|
}
|
|
1046
1101
|
}
|
|
1047
1102
|
|
|
@@ -1157,8 +1212,59 @@
|
|
|
1157
1212
|
}
|
|
1158
1213
|
|
|
1159
1214
|
@media screen and (max-width: 29.7475rem) {
|
|
1215
|
+
.mobileWideDown\:d_grid {
|
|
1216
|
+
display: grid;
|
|
1217
|
+
}
|
|
1218
|
+
.mobileWideDown\:ov_hidden {
|
|
1219
|
+
overflow: hidden;
|
|
1220
|
+
}
|
|
1221
|
+
.mobileWideDown\:white-space_nowrap {
|
|
1222
|
+
white-space: nowrap;
|
|
1223
|
+
}
|
|
1224
|
+
.mobileWideDown\:max-h_large {
|
|
1225
|
+
max-height: var(--sizes-large);
|
|
1226
|
+
}
|
|
1227
|
+
.mobileWideDown\:tov_ellipsis {
|
|
1228
|
+
text-overflow: ellipsis;
|
|
1229
|
+
}
|
|
1160
1230
|
.mobileWideDown\:cg_3xsmall {
|
|
1161
1231
|
column-gap: var(--spacing-3xsmall);
|
|
1232
|
+
}
|
|
1233
|
+
.mobileWideDown\:grid-tc_1fr_auto {
|
|
1234
|
+
grid-template-columns: 1fr auto;
|
|
1235
|
+
}
|
|
1236
|
+
.mobileWideDown\:ai_center {
|
|
1237
|
+
align-items: center;
|
|
1238
|
+
}
|
|
1239
|
+
.mobileWideDown\:trs-prop_max-height {
|
|
1240
|
+
--transition-prop: max-height;
|
|
1241
|
+
transition-property: max-height;
|
|
1242
|
+
}
|
|
1243
|
+
.mobileWideDown\:trs-dur_slow {
|
|
1244
|
+
--transition-duration: var(--durations-slow);
|
|
1245
|
+
transition-duration: var(--durations-slow);
|
|
1246
|
+
}
|
|
1247
|
+
.mobileWideDown\:trs-tmf_ease-in {
|
|
1248
|
+
--transition-easing: ease-in;
|
|
1249
|
+
transition-timing-function: ease-in;
|
|
1250
|
+
}
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
@media screen and (max-width: 29.7475rem) {
|
|
1254
|
+
.mobileWideDown\:open\:d_inline:is([open], [data-open], [data-state="open"]) {
|
|
1255
|
+
display: inline;
|
|
1256
|
+
}
|
|
1257
|
+
}
|
|
1258
|
+
|
|
1259
|
+
@media screen and (max-width: 29.7475rem) {
|
|
1260
|
+
.mobileWideDown\:open\:white-space_pre-wrap:is([open], [data-open], [data-state="open"]) {
|
|
1261
|
+
white-space: pre-wrap;
|
|
1262
|
+
}
|
|
1263
|
+
}
|
|
1264
|
+
|
|
1265
|
+
@media screen and (max-width: 29.7475rem) {
|
|
1266
|
+
.mobileWideDown\:open\:max-h_none:is([open], [data-open], [data-state="open"]) {
|
|
1267
|
+
max-height: none;
|
|
1162
1268
|
}
|
|
1163
1269
|
}
|
|
1164
1270
|
|
|
@@ -13,7 +13,6 @@ type AuthorProps = {
|
|
|
13
13
|
type SupplierProps = {
|
|
14
14
|
name: string;
|
|
15
15
|
};
|
|
16
|
-
type AccordionHeaderVariants = "white" | "blue";
|
|
17
16
|
type Props = {
|
|
18
17
|
authors?: AuthorProps[];
|
|
19
18
|
suppliers?: SupplierProps[];
|
|
@@ -22,9 +21,8 @@ type Props = {
|
|
|
22
21
|
licenseBox?: ReactNode;
|
|
23
22
|
locale?: string;
|
|
24
23
|
footnotes?: FootNote[];
|
|
25
|
-
accordionHeaderVariant?: AccordionHeaderVariants;
|
|
26
24
|
displayByline?: boolean;
|
|
27
25
|
bylineType?: "article" | "learningPath";
|
|
28
26
|
};
|
|
29
|
-
declare const ArticleByline: ({ authors, suppliers, footnotes, license: licenseString, licenseBox, published, locale,
|
|
27
|
+
declare const ArticleByline: ({ authors, suppliers, footnotes, license: licenseString, licenseBox, published, locale, displayByline, bylineType, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
30
28
|
export default ArticleByline;
|
|
@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
7
|
var _react = require("react");
|
|
9
8
|
var _reactI18next = require("react-i18next");
|
|
10
9
|
var _reactRouterDom = require("react-router-dom");
|
|
11
|
-
var
|
|
12
|
-
var _core = require("@ndla/core");
|
|
10
|
+
var _common = require("@ndla/icons/common");
|
|
13
11
|
var _licenses = require("@ndla/licenses");
|
|
12
|
+
var _primitives = require("@ndla/primitives");
|
|
13
|
+
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
14
14
|
var _ArticleFootNotes = _interopRequireDefault(require("./ArticleFootNotes"));
|
|
15
|
-
var _LicenseLink =
|
|
15
|
+
var _LicenseLink = require("../LicenseByline/LicenseLink");
|
|
16
16
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
17
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
18
|
/**
|
|
@@ -23,20 +23,39 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
23
23
|
*
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
|
-
const Wrapper =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
26
|
+
const Wrapper = (0, _jsx2.styled)("div", {
|
|
27
|
+
base: {
|
|
28
|
+
// TODO: Figure out if we want to remove this margin. It's only here to add some gap between the article content and the byline.
|
|
29
|
+
marginBlockStart: "medium",
|
|
30
|
+
paddingBlockStart: "xsmall",
|
|
31
|
+
borderTop: "1px solid",
|
|
32
|
+
borderColor: "stroke.subtle"
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
// TODO: This is designed with 24px of inline padding. If you do this, most bylines will break into two lines.
|
|
37
|
+
// Should reconsider.
|
|
38
|
+
const TextWrapper = (0, _jsx2.styled)("div", {
|
|
39
|
+
base: {
|
|
40
|
+
display: "flex",
|
|
41
|
+
flexDirection: "column-reverse",
|
|
42
|
+
gap: "3xsmall",
|
|
43
|
+
width: "100%",
|
|
44
|
+
justifyContent: "space-between",
|
|
45
|
+
paddingBlock: "xsmall",
|
|
46
|
+
textStyle: "body.medium"
|
|
47
|
+
},
|
|
48
|
+
variants: {
|
|
49
|
+
learningpath: {
|
|
50
|
+
true: {},
|
|
51
|
+
false: {
|
|
52
|
+
tabletWide: {
|
|
53
|
+
flexDirection: "row"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
});
|
|
40
59
|
const renderContributors = (contributors, t) => {
|
|
41
60
|
const contributorsArray = contributors.map((contributor, index) => {
|
|
42
61
|
if (index < 1) return contributor.name;
|
|
@@ -61,18 +80,17 @@ const getSuppliersText = (suppliers, t) => {
|
|
|
61
80
|
}
|
|
62
81
|
});
|
|
63
82
|
};
|
|
64
|
-
const LicenseWrapper =
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
})("&[data-background-color=\"white\"]{background-color:", _core.colors.background.default, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVCeWxpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtIdUQiLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFRGdW5jdGlvbiB9IGZyb20gXCJpMThuZXh0XCI7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgeyB1c2VMb2NhdGlvbiB9IGZyb20gXCJyZWFjdC1yb3V0ZXItZG9tXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEFjY29yZGlvblJvb3QsIEFjY29yZGlvbkhlYWRlciwgQWNjb3JkaW9uQ29udGVudCwgQWNjb3JkaW9uSXRlbSB9IGZyb20gXCJAbmRsYS9hY2NvcmRpb25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24gfSBmcm9tIFwiQG5kbGEvbGljZW5zZXNcIjtcbmltcG9ydCBBcnRpY2xlRm9vdE5vdGVzIGZyb20gXCIuL0FydGljbGVGb290Tm90ZXNcIjtcbmltcG9ydCBMaWNlbnNlTGluayBmcm9tIFwiLi4vTGljZW5zZUJ5bGluZS9MaWNlbnNlTGlua1wiO1xuaW1wb3J0IHsgRm9vdE5vdGUgfSBmcm9tIFwiLi4vdHlwZXNcIjtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLm1lZGl1bWxhcmdlfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gICAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuICAmW2RhdGEtbGVhcm5pbmctcGF0aD1cInRydWVcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFByaW1hcnlDb250cmlidXRvcnNXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuXG50eXBlIEF1dGhvclByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIFN1cHBsaWVyUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbn07XG5cbnR5cGUgQWNjb3JkaW9uSGVhZGVyVmFyaWFudHMgPSBcIndoaXRlXCIgfCBcImJsdWVcIjtcblxudHlwZSBQcm9wcyA9IHtcbiAgYXV0aG9ycz86IEF1dGhvclByb3BzW107XG4gIHN1cHBsaWVycz86IFN1cHBsaWVyUHJvcHNbXTtcbiAgcHVibGlzaGVkPzogc3RyaW5nO1xuICBsaWNlbnNlPzogc3RyaW5nO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xuICBsb2NhbGU/OiBzdHJpbmc7XG4gIGZvb3Rub3Rlcz86IEZvb3ROb3RlW107XG4gIGFjY29yZGlvbkhlYWRlclZhcmlhbnQ/OiBBY2NvcmRpb25IZWFkZXJWYXJpYW50cztcbiAgZGlzcGxheUJ5bGluZT86IGJvb2xlYW47XG4gIGJ5bGluZVR5cGU/OiBcImFydGljbGVcIiB8IFwibGVhcm5pbmdQYXRoXCI7XG59O1xuXG5jb25zdCByZW5kZXJDb250cmlidXRvcnMgPSAoY29udHJpYnV0b3JzOiBTdXBwbGllclByb3BzW10gfCBBdXRob3JQcm9wc1tdLCB0OiBURnVuY3Rpb24pID0+IHtcbiAgY29uc3QgY29udHJpYnV0b3JzQXJyYXkgPSBjb250cmlidXRvcnMubWFwKChjb250cmlidXRvciwgaW5kZXgpID0+IHtcbiAgICBpZiAoaW5kZXggPCAxKSByZXR1cm4gY29udHJpYnV0b3IubmFtZTtcbiAgICBjb25zdCBzZXAgPSBpbmRleCA9PT0gY29udHJpYnV0b3JzLmxlbmd0aCAtIDEgPyBgICR7dChcImFydGljbGUuY29uanVuY3Rpb25cIil9IGAgOiBcIiwgXCI7XG4gICAgcmV0dXJuIGAke3NlcH0ke2NvbnRyaWJ1dG9yLm5hbWV9YDtcbiAgfSk7XG4gIHJldHVybiBjb250cmlidXRvcnNBcnJheS5qb2luKFwiXCIpO1xufTtcblxuY29uc3QgZ2V0U3VwcGxpZXJzVGV4dCA9IChzdXBwbGllcnM6IFN1cHBsaWVyUHJvcHNbXSwgdDogVEZ1bmN0aW9uKSA9PiB7XG4gIGlmIChzdXBwbGllcnMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIFwiXCI7XG4gIH1cbiAgcmV0dXJuIHN1cHBsaWVycy5sZW5ndGggPiAxXG4gICAgPyB0KFwiYXJ0aWNsZS5tdWx0aXBsZVN1cHBsaWVyc0xhYmVsXCIsIHtcbiAgICAgICAgbmFtZXM6IHJlbmRlckNvbnRyaWJ1dG9ycyhzdXBwbGllcnMsIHQpLFxuICAgICAgICBpbnRlcnBvbGF0aW9uOiB7IGVzY2FwZVZhbHVlOiBmYWxzZSB9LFxuICAgICAgfSlcbiAgICA6IHQoXCJhcnRpY2xlLnN1cHBsaWVyTGFiZWxcIiwge1xuICAgICAgICBuYW1lOiByZW5kZXJDb250cmlidXRvcnMoc3VwcGxpZXJzLCB0KSxcbiAgICAgICAgaW50ZXJwb2xhdGlvbjogeyBlc2NhcGVWYWx1ZTogZmFsc2UgfSxcbiAgICAgIH0pO1xufTtcblxuY29uc3QgTGljZW5zZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uSGVhZGVyID0gc3R5bGVkKEFjY29yZGlvbkhlYWRlcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgJHtmb250cy5zaXplcyhcIjE2cHhcIiwgXCIyOXB4XCIpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcblxuICAmW2RhdGEtYmFja2dyb3VuZC1jb2xvcj1cIndoaXRlXCJdW2RhdGEtc3RhdGU9XCJjbG9zZWRcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkNvbnRlbnQgPSBzdHlsZWQoQWNjb3JkaW9uQ29udGVudClgXG4gICZbZGF0YS1iYWNrZ3JvdW5kLWNvbG9yPVwid2hpdGVcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIH1cbmA7XG5cbmNvbnN0IHJlZlJlZ2V4cCA9IC9ub3RlXFxkLztcbmNvbnN0IGZvb3Rub3Rlc0FjY29yZGlvbklkID0gXCJmb290bm90ZXNcIjtcblxuY29uc3QgQXJ0aWNsZUJ5bGluZSA9ICh7XG4gIGF1dGhvcnMgPSBbXSxcbiAgc3VwcGxpZXJzID0gW10sXG4gIGZvb3Rub3RlcyxcbiAgbGljZW5zZTogbGljZW5zZVN0cmluZyxcbiAgbGljZW5zZUJveCxcbiAgcHVibGlzaGVkLFxuICBsb2NhbGUsXG4gIGFjY29yZGlvbkhlYWRlclZhcmlhbnQgPSBcImJsdWVcIixcbiAgZGlzcGxheUJ5bGluZSA9IHRydWUsXG4gIGJ5bGluZVR5cGUgPSBcImFydGljbGVcIixcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBwYXRobmFtZSB9ID0gdXNlTG9jYXRpb24oKTtcbiAgY29uc3QgW29wZW5BY2NvcmRpb25zLCBzZXRPcGVuQWNjb3JkaW9uc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oW10pO1xuICBjb25zdCBhY2NvcmRpb25JdGVtVmFsdWUgPSBcInJ1bGVzRm9yVXNlXCI7XG5cbiAgY29uc3Qgb25IYXNoQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IEhhc2hDaGFuZ2VFdmVudCkgPT4ge1xuICAgICAgY29uc3QgaGFzaCA9IGUubmV3VVJMLnNwbGl0KFwiI1wiKVsxXTtcbiAgICAgIGlmIChoYXNoLm1hdGNoKHJlZlJlZ2V4cCkgJiYgIW9wZW5BY2NvcmRpb25zLmluY2x1ZGVzKGZvb3Rub3Rlc0FjY29yZGlvbklkKSkge1xuICAgICAgICBzZXRPcGVuQWNjb3JkaW9ucyhbLi4ub3BlbkFjY29yZGlvbnMsIGZvb3Rub3Rlc0FjY29yZGlvbklkXSk7XG4gICAgICAgIGNvbnN0IGVsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoYCMke2hhc2h9YCk7XG4gICAgICAgIGVsPy5jbGljaygpO1xuICAgICAgICBlbD8uZm9jdXMoKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvcGVuQWNjb3JkaW9uc10sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRPcGVuQWNjb3JkaW9ucygocHJldikgPT4gcHJldi5maWx0ZXIoKHN0YXRlKSA9PiBzdGF0ZSAhPT0gYWNjb3JkaW9uSXRlbVZhbHVlKSk7XG4gIH0sIFtwYXRobmFtZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoXCJoYXNoY2hhbmdlXCIsIG9uSGFzaENoYW5nZSk7XG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKFwiaGFzaGNoYW5nZVwiLCBvbkhhc2hDaGFuZ2UpO1xuICB9LCBbb25IYXNoQ2hhbmdlXSk7XG5cbiAgY29uc3QgbGljZW5zZSA9IGxpY2Vuc2VTdHJpbmcgJiYgZ2V0TGljZW5zZUJ5QWJicmV2aWF0aW9uKGxpY2Vuc2VTdHJpbmcsIGxvY2FsZSk7XG5cbiAgY29uc3Qgc2hvd1ByaW1hcnlDb250cmlidXRvcnMgPSBzdXBwbGllcnMubGVuZ3RoID4gMCB8fCBhdXRob3JzLmxlbmd0aCA+IDA7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlcj5cbiAgICAgIHtkaXNwbGF5QnlsaW5lICYmIChcbiAgICAgICAgPFRleHRXcmFwcGVyIGRhdGEtbGVhcm5pbmctcGF0aD17YnlsaW5lVHlwZSA9PT0gXCJsZWFybmluZ1BhdGhcIn0+XG4gICAgICAgICAgPExpY2Vuc2VXcmFwcGVyPlxuICAgICAgICAgICAge2xpY2Vuc2UgJiYgPExpY2Vuc2VMaW5rIGxpY2Vuc2U9e2xpY2Vuc2V9IC8+fVxuICAgICAgICAgICAge3Nob3dQcmltYXJ5Q29udHJpYnV0b3JzICYmIChcbiAgICAgICAgICAgICAgPFByaW1hcnlDb250cmlidXRvcnNXcmFwcGVyPlxuICAgICAgICAgICAgICAgIHthdXRob3JzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgICAgICAgIGAke3QoXCJhcnRpY2xlLmF1dGhvcnNMYWJlbFwiLCB7XG4gICAgICAgICAgICAgICAgICAgIG5hbWVzOiByZW5kZXJDb250cmlidXRvcnMoYXV0aG9ycywgdCksXG4gICAgICAgICAgICAgICAgICAgIGludGVycG9sYXRpb246IHsgZXNjYXBlVmFsdWU6IGZhbHNlIH0sXG4gICAgICAgICAgICAgICAgICB9KX0uIGB9XG4gICAgICAgICAgICAgICAge2dldFN1cHBsaWVyc1RleHQoc3VwcGxpZXJzLCB0KX1cbiAgICAgICAgICAgICAgPC9QcmltYXJ5Q29udHJpYnV0b3JzV3JhcHBlcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9MaWNlbnNlV3JhcHBlcj5cbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAge3QoYCR7YnlsaW5lVHlwZX0ubGFzdFVwZGF0ZWRgKX0ge3B1Ymxpc2hlZH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8QWNjb3JkaW9uUm9vdCB0eXBlPVwibXVsdGlwbGVcIiBvblZhbHVlQ2hhbmdlPXtzZXRPcGVuQWNjb3JkaW9uc30gdmFsdWU9e29wZW5BY2NvcmRpb25zfT5cbiAgICAgICAge2xpY2Vuc2VCb3ggJiYgKFxuICAgICAgICAgIDxBY2NvcmRpb25JdGVtIHZhbHVlPXthY2NvcmRpb25JdGVtVmFsdWV9PlxuICAgICAgICAgICAgPFN0eWxlZEFjY29yZGlvbkhlYWRlciBoZWFkaW5nTGV2ZWw9XCJoMlwiIGRhdGEtYmFja2dyb3VuZC1jb2xvcj17YWNjb3JkaW9uSGVhZGVyVmFyaWFudH0+XG4gICAgICAgICAgICAgIHt0KFwiYXJ0aWNsZS51c2VDb250ZW50XCIpfVxuICAgICAgICAgICAgPC9TdHlsZWRBY2NvcmRpb25IZWFkZXI+XG4gICAgICAgICAgICA8U3R5bGVkQWNjb3JkaW9uQ29udGVudCBkYXRhLWJhY2tncm91bmQtY29sb3I9e2FjY29yZGlvbkhlYWRlclZhcmlhbnR9PntsaWNlbnNlQm94fTwvU3R5bGVkQWNjb3JkaW9uQ29udGVudD5cbiAgICAgICAgICA8L0FjY29yZGlvbkl0ZW0+XG4gICAgICAgICl9XG5cbiAgICAgICAgeyEhZm9vdG5vdGVzPy5sZW5ndGggJiYgKFxuICAgICAgICAgIDxBY2NvcmRpb25JdGVtIHZhbHVlPXtmb290bm90ZXNBY2NvcmRpb25JZH0+XG4gICAgICAgICAgICA8U3R5bGVkQWNjb3JkaW9uSGVhZGVyIGhlYWRpbmdMZXZlbD1cImgyXCI+e3QoXCJhcnRpY2xlLmZvb3Rub3Rlc1wiKX08L1N0eWxlZEFjY29yZGlvbkhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRBY2NvcmRpb25Db250ZW50IGZvcmNlTW91bnQgZGF0YS1iYWNrZ3JvdW5kLWNvbG9yPXthY2NvcmRpb25IZWFkZXJWYXJpYW50fT5cbiAgICAgICAgICAgICAgPEFydGljbGVGb290Tm90ZXMgZm9vdE5vdGVzPXtmb290bm90ZXN9IC8+XG4gICAgICAgICAgICA8L1N0eWxlZEFjY29yZGlvbkNvbnRlbnQ+XG4gICAgICAgICAgPC9BY2NvcmRpb25JdGVtPlxuICAgICAgICApfVxuICAgICAgPC9BY2NvcmRpb25Sb290PlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVCeWxpbmU7XG4iXX0= */"));
|
|
83
|
+
const LicenseWrapper = (0, _jsx2.styled)("div", {
|
|
84
|
+
base: {
|
|
85
|
+
display: "flex",
|
|
86
|
+
gap: "xsmall"
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
const StyledAccordionRoot = (0, _jsx2.styled)(_primitives.AccordionRoot, {
|
|
90
|
+
base: {
|
|
91
|
+
paddingBlockStart: "xxlarge"
|
|
92
|
+
}
|
|
93
|
+
});
|
|
76
94
|
const refRegexp = /note\d/;
|
|
77
95
|
const footnotesAccordionId = "footnotes";
|
|
78
96
|
const ArticleByline = _ref => {
|
|
@@ -84,7 +102,6 @@ const ArticleByline = _ref => {
|
|
|
84
102
|
licenseBox,
|
|
85
103
|
published,
|
|
86
104
|
locale,
|
|
87
|
-
accordionHeaderVariant = "blue",
|
|
88
105
|
displayByline = true,
|
|
89
106
|
bylineType = "article"
|
|
90
107
|
} = _ref;
|
|
@@ -116,11 +133,11 @@ const ArticleByline = _ref => {
|
|
|
116
133
|
const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
|
|
117
134
|
return (0, _jsxRuntime.jsxs)(Wrapper, {
|
|
118
135
|
children: [displayByline && (0, _jsxRuntime.jsxs)(TextWrapper, {
|
|
119
|
-
|
|
136
|
+
learningpath: bylineType === "learningPath",
|
|
120
137
|
children: [(0, _jsxRuntime.jsxs)(LicenseWrapper, {
|
|
121
|
-
children: [license && (0, _jsxRuntime.jsx)(_LicenseLink.
|
|
138
|
+
children: [license && (0, _jsxRuntime.jsx)(_LicenseLink.LicenseLink, {
|
|
122
139
|
license: license
|
|
123
|
-
}), showPrimaryContributors && (0, _jsxRuntime.jsxs)(
|
|
140
|
+
}), showPrimaryContributors && (0, _jsxRuntime.jsxs)("span", {
|
|
124
141
|
children: [authors.length > 0 && `${t("article.authorsLabel", {
|
|
125
142
|
names: renderContributors(authors, t),
|
|
126
143
|
interpolation: {
|
|
@@ -131,28 +148,44 @@ const ArticleByline = _ref => {
|
|
|
131
148
|
}), (0, _jsxRuntime.jsxs)("div", {
|
|
132
149
|
children: [t(`${bylineType}.lastUpdated`), " ", published]
|
|
133
150
|
})]
|
|
134
|
-
}), (0, _jsxRuntime.jsxs)(
|
|
135
|
-
|
|
136
|
-
onValueChange: setOpenAccordions,
|
|
151
|
+
}), (0, _jsxRuntime.jsxs)(StyledAccordionRoot, {
|
|
152
|
+
multiple: true,
|
|
137
153
|
value: openAccordions,
|
|
138
|
-
|
|
154
|
+
onValueChange: details => setOpenAccordions(details.value),
|
|
155
|
+
children: [licenseBox && (0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
|
|
139
156
|
value: accordionItemValue,
|
|
140
|
-
children: [(0, _jsxRuntime.
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
157
|
+
children: [(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
|
|
158
|
+
children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
|
|
159
|
+
asChild: true,
|
|
160
|
+
consumeCss: true,
|
|
161
|
+
textStyle: "label.medium",
|
|
162
|
+
fontWeight: "bold",
|
|
163
|
+
children: (0, _jsxRuntime.jsx)("h2", {
|
|
164
|
+
children: t("article.useContent")
|
|
165
|
+
})
|
|
166
|
+
}), (0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
|
|
167
|
+
asChild: true,
|
|
168
|
+
children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
|
|
169
|
+
})]
|
|
170
|
+
}), (0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
|
|
146
171
|
children: licenseBox
|
|
147
172
|
})]
|
|
148
|
-
}), !!footnotes?.length && (0, _jsxRuntime.jsxs)(
|
|
173
|
+
}), !!footnotes?.length && (0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
|
|
149
174
|
value: footnotesAccordionId,
|
|
150
|
-
children: [(0, _jsxRuntime.
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
175
|
+
children: [(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
|
|
176
|
+
children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
|
|
177
|
+
asChild: true,
|
|
178
|
+
consumeCss: true,
|
|
179
|
+
textStyle: "label.medium",
|
|
180
|
+
fontWeight: "bold",
|
|
181
|
+
children: (0, _jsxRuntime.jsx)("h2", {
|
|
182
|
+
children: t("article.footnotes")
|
|
183
|
+
})
|
|
184
|
+
}), (0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
|
|
185
|
+
asChild: true,
|
|
186
|
+
children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
|
|
187
|
+
})]
|
|
188
|
+
}), (0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
|
|
156
189
|
children: (0, _jsxRuntime.jsx)(_ArticleFootNotes.default, {
|
|
157
190
|
footNotes: footnotes
|
|
158
191
|
})
|