@financial-times/cp-content-pipeline-ui 9.0.1 → 9.2.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.
Files changed (12) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/lib/components/ArticleInfo/index.js +1 -1
  3. package/lib/components/ArticleInfo/index.js.map +1 -1
  4. package/lib/components/content-tree/Clip/components/VideoDescription.js +5 -5
  5. package/lib/components/content-tree/Clip/components/VideoDescription.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/ArticleInfo/index.tsx +1 -1
  8. package/src/components/content-tree/Clip/client/main.scss +1 -1
  9. package/src/components/content-tree/Clip/components/VideoDescription.tsx +7 -5
  10. package/src/components/content-tree/Clip/components/_video-description.scss +0 -5
  11. package/src/components/content-tree/Clip/test/__snapshots__/snapshot.spec.tsx.snap +20 -10
  12. package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -574,6 +574,25 @@
574
574
  * @financial-times/cp-content-pipeline-client bumped from ^3.7.2 to ^3.7.3
575
575
  * @financial-times/cp-content-pipeline-schema bumped from ^2.10.1 to ^2.10.2
576
576
 
577
+ ## [9.2.0](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v9.1.0...cp-content-pipeline-ui-v9.2.0) (2025-04-29)
578
+
579
+
580
+ ### Features
581
+
582
+ * use o3 tokens for video description and title text ([802fc35](https://github.com/Financial-Times/cp-content-pipeline/commit/802fc356a849ae35778268f59ce16486c35c3766))
583
+
584
+
585
+ ### Bug Fixes
586
+
587
+ * increase gap for clips icons ([8f9e298](https://github.com/Financial-Times/cp-content-pipeline/commit/8f9e298982df846a747eaaf7f6dfce28e7f2abf9))
588
+
589
+ ## [9.1.0](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v9.0.1...cp-content-pipeline-ui-v9.1.0) (2025-04-14)
590
+
591
+
592
+ ### Features
593
+
594
+ * apply editorial class to article-info ([3463fab](https://github.com/Financial-Times/cp-content-pipeline/commit/3463fab24ef505944c169863497ecca24d033434))
595
+
577
596
  ## [9.0.1](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v9.0.0...cp-content-pipeline-ui-v9.0.1) (2025-04-10)
578
597
 
579
598
 
package/lib/components/ArticleInfo/index.js CHANGED
@@ -15,7 +15,7 @@ const ArticleInfo = ({ children, content, }) => {
15
15
  content.publishedTimestamp;
16
16
  const isPublishedMoreThanOneDayAgo = Date.now() - new Date(content.firstPublishedDate).getTime() >
17
17
  24 * 60 * 60 * 1000;
18
- return (react_1.default.createElement("div", { className: "article-info" },
18
+ return (react_1.default.createElement("div", { className: "article-info o3-editorial-typography-byline" },
19
19
  react_1.default.createElement("div", { className: "article-info__time-byline-row" },
20
20
  react_1.default.createElement("div", { className: "article-info__time-byline-content" }, content.byline && content.__typename !== 'Audio' && (react_1.default.createElement(Byline_1.default, { structuredContent: content.byline, showEditedBy: isLiveBlogPackage }))),
21
21
  !displayPublishedDate && children),
package/lib/components/ArticleInfo/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ArticleInfo/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,uDAA8B;AAE9B,qFAA0D;AAM1D,MAAM,WAAW,GAAwD,CAAC,EACxE,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,OAAO,CAAC,UAAU,KAAK,iBAAiB,CAAA;IAClE,MAAM,2BAA2B,GAAG,wBAAY,CAAC,MAAM,CACrD,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EACpC,MAAM,CACP,CAAA;IACD,MAAM,sBAAsB,GAAG,wBAAY,CAAC,MAAM,CAChD,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EACpC,MAAM,CACP,CAAA;IAED,MAAM,oBAAoB,GAAG,OAAO,CAAC,aAAa,IAAI,CAAC,iBAAiB,CAAA;IACxE,MAAM,kBAAkB,GACtB,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE;QAC9C,OAAO,CAAC,kBAAkB,CAAA;IAC5B,MAAM,4BAA4B,GAChC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE;QAC3D,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAErB,OAAO,CACL,uCAAK,SAAS,EAAC,cAAc;QAC3B,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,mCAAmC,IAC/C,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,UAAU,KAAK,OAAO,IAAI,CACnD,8BAAC,gBAAM,IACL,iBAAiB,EAAE,OAAO,CAAC,MAAM,EACjC,YAAY,EAAE,iBAAiB,GAC/B,CACH,CACG;YACL,CAAC,oBAAoB,IAAI,QAAQ,CAC9B;QACL,oBAAoB,IAAI,CACvB,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,mCAAmC;gBAChD,qCAAG,SAAS,EAAC,8BAA8B;;oBAEzC,4DACmB,QAAQ,KACrB,CAAC,4BAA4B;4BAC/B,CAAC,CAAC,EAAE,oBAAoB,EAAE,YAAY,EAAE;4BACxC,CAAC,CAAC,EAAE,CAAC,EACP,SAAS,EAAC,yEAAyE,EACnF,QAAQ,EAAE,OAAO,CAAC,kBAAkB,IAEnC,2BAA2B,CACvB,CACL;gBACH,kBAAkB,IAAI,CACrB,qCAAG,SAAS,EAAC,8DAA8D;;oBAEzE,4DACmB,QAAQ,wBAEvB,4BAA4B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,EAE9D,SAAS,EAAC,yEAAyE,EACnF,QAAQ,EAAE,OAAO,CAAC,aAAa,IAE9B,sBAAsB,CAClB,CACL,CACL,CACG;YACL,QAAQ,CACL,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ArticleInfo/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,uDAA8B;AAE9B,qFAA0D;AAM1D,MAAM,WAAW,GAAwD,CAAC,EACxE,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,OAAO,CAAC,UAAU,KAAK,iBAAiB,CAAA;IAClE,MAAM,2BAA2B,GAAG,wBAAY,CAAC,MAAM,CACrD,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EACpC,MAAM,CACP,CAAA;IACD,MAAM,sBAAsB,GAAG,wBAAY,CAAC,MAAM,CAChD,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EACpC,MAAM,CACP,CAAA;IAED,MAAM,oBAAoB,GAAG,OAAO,CAAC,aAAa,IAAI,CAAC,iBAAiB,CAAA;IACxE,MAAM,kBAAkB,GACtB,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE;QAC9C,OAAO,CAAC,kBAAkB,CAAA;IAC5B,MAAM,4BAA4B,GAChC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE;QAC3D,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAErB,OAAO,CACL,uCAAK,SAAS,EAAC,6CAA6C;QAC1D,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,mCAAmC,IAC/C,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,UAAU,KAAK,OAAO,IAAI,CACnD,8BAAC,gBAAM,IACL,iBAAiB,EAAE,OAAO,CAAC,MAAM,EACjC,YAAY,EAAE,iBAAiB,GAC/B,CACH,CACG;YACL,CAAC,oBAAoB,IAAI,QAAQ,CAC9B;QACL,oBAAoB,IAAI,CACvB,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,mCAAmC;gBAChD,qCAAG,SAAS,EAAC,8BAA8B;;oBAEzC,4DACmB,QAAQ,KACrB,CAAC,4BAA4B;4BAC/B,CAAC,CAAC,EAAE,oBAAoB,EAAE,YAAY,EAAE;4BACxC,CAAC,CAAC,EAAE,CAAC,EACP,SAAS,EAAC,yEAAyE,EACnF,QAAQ,EAAE,OAAO,CAAC,kBAAkB,IAEnC,2BAA2B,CACvB,CACL;gBACH,kBAAkB,IAAI,CACrB,qCAAG,SAAS,EAAC,8DAA8D;;oBAEzE,4DACmB,QAAQ,wBAEvB,4BAA4B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,EAE9D,SAAS,EAAC,yEAAyE,EACnF,QAAQ,EAAE,OAAO,CAAC,aAAa,IAE9B,sBAAsB,CAClB,CACL,CACL,CACG;YACL,QAAQ,CACL,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
package/lib/components/content-tree/Clip/components/VideoDescription.js CHANGED
@@ -42,15 +42,15 @@ const VideoDescription = ({ description, accessibility, }) => {
42
42
  react_1.default.createElement("button", { id: "description-button", className: "video-description__tabs-description active" }, "Video description"),
43
43
  react_1.default.createElement("button", { id: "transcript-button", className: "video-description__tabs-transcript" }, "Transcript")),
44
44
  react_1.default.createElement("div", { className: "video-description", id: "description-tab" },
45
- react_1.default.createElement("p", { className: "video-description__text o3-type-detail" }, description)),
45
+ react_1.default.createElement("p", { className: "video-description__text o3-type-body-base" }, description)),
46
46
  react_1.default.createElement("div", { className: "video-description", id: "transcript-tab" },
47
- react_1.default.createElement("div", { className: "video-description__text o3-type-detail" },
47
+ react_1.default.createElement("div", { className: "video-description__text o3-type-body-base" },
48
48
  react_1.default.createElement(RichTextComponent, { structuredContent: accessibility.transcript.structured }))))),
49
49
  (!description || !accessibility?.transcript) && (react_1.default.createElement("div", { className: "o-expander__content" },
50
50
  react_1.default.createElement("div", { className: "video-description" },
51
- react_1.default.createElement("h4", { className: "video-description__title" }, title),
52
- description && (react_1.default.createElement("p", { className: "video-description__text o3-type-detail" }, description)),
53
- accessibility?.transcript && (react_1.default.createElement("div", { className: "video-description__text o3-type-detail transcript" },
51
+ react_1.default.createElement("h4", { className: "video-description__title o3-type-body-highlight" }, title),
52
+ description && (react_1.default.createElement("p", { className: "video-description__text o3-type-body-base" }, description)),
53
+ accessibility?.transcript && (react_1.default.createElement("div", { className: "video-description__text o3-type-body-base transcript" },
54
54
  react_1.default.createElement(RichTextComponent, { structuredContent: accessibility.transcript.structured }))))))));
55
55
  };
56
56
  exports.VideoDescription = VideoDescription;
package/lib/components/content-tree/Clip/components/VideoDescription.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VideoDescription.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/Clip/components/VideoDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,wEAAuD;AAQhD,MAAM,gBAAgB,GAAoC,CAAC,EAChE,WAAW,EACX,aAAa,GACd,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,iBAAe,CAAC,CAAA;IAErD,IAAI,CAAC,aAAa,EAAE,UAAU,IAAI,CAAC,WAAW;QAAE,OAAO,6DAAK,CAAA;IAE5D,MAAM,KAAK,GAAG,SAAS,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EAAE,CAAA;IAEnE,OAAO,CACL,2DACmB,YAAY,EAC7B,SAAS,EAAC,wCAAwC,+BACxB,QAAQ,oBACnB,iBAAiB,2CACM,yEAAyE,0CAC1E,yEAAyE;QAE9G,4DAAuB,mBAAmB,EAAC,SAAS,EAAC,oBAAoB;YACvE,wCAAM,SAAS,EAAC,4CAA4C,6BAErD,CACA;QAER,WAAW,IAAI,aAAa,EAAE,UAAU,IAAI,CAC3C,uCAAK,SAAS,EAAC,qBAAqB;YAClC,uCAAK,SAAS,EAAC,yBAAyB;gBACtC,0CACE,EAAE,EAAC,oBAAoB,EACvB,SAAS,EAAC,4CAA4C,wBAG/C;gBACT,0CACE,EAAE,EAAC,mBAAmB,EACtB,SAAS,EAAC,oCAAoC,iBAGvC,CACL;YAEN,uCAAK,SAAS,EAAC,mBAAmB,EAAC,EAAE,EAAC,iBAAiB;gBACrD,qCAAG,SAAS,EAAC,wCAAwC,IAClD,WAAW,CACV,CACA;YAEN,uCAAK,SAAS,EAAC,mBAAmB,EAAC,EAAE,EAAC,gBAAgB;gBACpD,uCAAK,SAAS,EAAC,wCAAwC;oBACrD,8BAAC,iBAAiB,IAChB,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,UAAU,GACtD,CACE,CACF,CACF,CACP;QAEA,CAAC,CAAC,WAAW,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,IAAI,CAC/C,uCAAK,SAAS,EAAC,qBAAqB;YAClC,uCAAK,SAAS,EAAC,mBAAmB;gBAChC,sCAAI,SAAS,EAAC,0BAA0B,IAAE,KAAK,CAAM;gBACpD,WAAW,IAAI,CACd,qCAAG,SAAS,EAAC,wCAAwC,IAClD,WAAW,CACV,CACL;gBACA,aAAa,EAAE,UAAU,IAAI,CAC5B,uCAAK,SAAS,EAAC,mDAAmD;oBAChE,8BAAC,iBAAiB,IAChB,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,UAAU,GACtD,CACE,CACP,CACG,CACF,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AA/EY,QAAA,gBAAgB,oBA+E5B"}
1
+ {"version":3,"file":"VideoDescription.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/Clip/components/VideoDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,wEAAuD;AAQhD,MAAM,gBAAgB,GAAoC,CAAC,EAChE,WAAW,EACX,aAAa,GACd,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,iBAAe,CAAC,CAAA;IAErD,IAAI,CAAC,aAAa,EAAE,UAAU,IAAI,CAAC,WAAW;QAAE,OAAO,6DAAK,CAAA;IAE5D,MAAM,KAAK,GAAG,SAAS,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EAAE,CAAA;IAEnE,OAAO,CACL,2DACmB,YAAY,EAC7B,SAAS,EAAC,wCAAwC,+BACxB,QAAQ,oBACnB,iBAAiB,2CACM,yEAAyE,0CAC1E,yEAAyE;QAE9G,4DAAuB,mBAAmB,EAAC,SAAS,EAAC,oBAAoB;YACvE,wCAAM,SAAS,EAAC,4CAA4C,6BAErD,CACA;QAER,WAAW,IAAI,aAAa,EAAE,UAAU,IAAI,CAC3C,uCAAK,SAAS,EAAC,qBAAqB;YAClC,uCAAK,SAAS,EAAC,yBAAyB;gBACtC,0CACE,EAAE,EAAC,oBAAoB,EACvB,SAAS,EAAC,4CAA4C,wBAG/C;gBACT,0CACE,EAAE,EAAC,mBAAmB,EACtB,SAAS,EAAC,oCAAoC,iBAGvC,CACL;YAEN,uCAAK,SAAS,EAAC,mBAAmB,EAAC,EAAE,EAAC,iBAAiB;gBACrD,qCAAG,SAAS,EAAC,2CAA2C,IACrD,WAAW,CACV,CACA;YAEN,uCAAK,SAAS,EAAC,mBAAmB,EAAC,EAAE,EAAC,gBAAgB;gBACpD,uCAAK,SAAS,EAAC,2CAA2C;oBACxD,8BAAC,iBAAiB,IAChB,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,UAAU,GACtD,CACE,CACF,CACF,CACP;QAEA,CAAC,CAAC,WAAW,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,IAAI,CAC/C,uCAAK,SAAS,EAAC,qBAAqB;YAClC,uCAAK,SAAS,EAAC,mBAAmB;gBAChC,sCAAI,SAAS,EAAC,iDAAiD,IAC5D,KAAK,CACH;gBACJ,WAAW,IAAI,CACd,qCAAG,SAAS,EAAC,2CAA2C,IACrD,WAAW,CACV,CACL;gBACA,aAAa,EAAE,UAAU,IAAI,CAC5B,uCAAK,SAAS,EAAC,sDAAsD;oBACnE,8BAAC,iBAAiB,IAChB,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,UAAU,GACtD,CACE,CACP,CACG,CACF,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAjFY,QAAA,gBAAgB,oBAiF5B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/cp-content-pipeline-ui",
3
- "version": "9.0.1",
3
+ "version": "9.2.0",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
package/src/components/ArticleInfo/index.tsx CHANGED
@@ -30,7 +30,7 @@ const ArticleInfo: React.FC<React.PropsWithChildren<ArticleInfoProps>> = ({
30
30
  24 * 60 * 60 * 1000
31
31
 
32
32
  return (
33
- <div className="article-info">
33
+ <div className="article-info o3-editorial-typography-byline">
34
34
  <div className="article-info__time-byline-row">
35
35
  <div className="article-info__time-byline-content">
36
36
  {content.byline && content.__typename !== 'Audio' && (
package/src/components/content-tree/Clip/client/main.scss CHANGED
@@ -246,7 +246,7 @@
246
246
  mask-repeat: no-repeat;
247
247
  mask-size: contain;
248
248
 
249
- right: 50px;
249
+ right: 70px;
250
250
  border: none;
251
251
  }
252
252
 
package/src/components/content-tree/Clip/components/VideoDescription.tsx CHANGED
@@ -50,13 +50,13 @@ export const VideoDescription: React.FC<VideoDescriptionProps> = ({
50
50
  </div>
51
51
 
52
52
  <div className="video-description" id="description-tab">
53
- <p className="video-description__text o3-type-detail">
53
+ <p className="video-description__text o3-type-body-base">
54
54
  {description}
55
55
  </p>
56
56
  </div>
57
57
 
58
58
  <div className="video-description" id="transcript-tab">
59
- <div className="video-description__text o3-type-detail">
59
+ <div className="video-description__text o3-type-body-base">
60
60
  <RichTextComponent
61
61
  structuredContent={accessibility.transcript.structured}
62
62
  />
@@ -68,14 +68,16 @@ export const VideoDescription: React.FC<VideoDescriptionProps> = ({
68
68
  {(!description || !accessibility?.transcript) && (
69
69
  <div className="o-expander__content">
70
70
  <div className="video-description">
71
- <h4 className="video-description__title">{title}</h4>
71
+ <h4 className="video-description__title o3-type-body-highlight">
72
+ {title}
73
+ </h4>
72
74
  {description && (
73
- <p className="video-description__text o3-type-detail">
75
+ <p className="video-description__text o3-type-body-base">
74
76
  {description}
75
77
  </p>
76
78
  )}
77
79
  {accessibility?.transcript && (
78
- <div className="video-description__text o3-type-detail transcript">
80
+ <div className="video-description__text o3-type-body-base transcript">
79
81
  <RichTextComponent
80
82
  structuredContent={accessibility.transcript.structured}
81
83
  />
package/src/components/content-tree/Clip/components/_video-description.scss CHANGED
@@ -21,11 +21,6 @@
21
21
  line-height: 32px;
22
22
  padding-right: 1ch;
23
23
  margin-bottom: var(--o3-spacing-4xs);
24
-
25
- font-weight: var(--o3-font-weight-semibold);
26
- line-height: var(--o3-font-lineheight-metric2-negative-1);
27
- font-size: var(--o3-font-size-metric2-negative-1);
28
- font-family: var(--o3-font-family-metric);
29
24
  }
30
25
 
31
26
  &#transcript-tab {
package/src/components/content-tree/Clip/test/__snapshots__/snapshot.spec.tsx.snap CHANGED
@@ -146,8 +146,10 @@ exports[`Clip Snapshot component rendered on server full-grid render with attrib
146
146
  </button>
147
147
  <div class=\\"o-expander__content\\">
148
148
  <div class=\\"video-description\\">
149
- <h4 class=\\"video-description__title\\">Video description</h4>
150
- <p class=\\"video-description__text o3-type-detail\\">
149
+ <h4 class=\\"video-description__title o3-type-body-highlight\\">
150
+ Video description
151
+ </h4>
152
+ <p class=\\"video-description__text o3-type-body-base\\">
151
153
  Video description
152
154
  </p>
153
155
  </div>
@@ -313,8 +315,10 @@ exports[`Clip Snapshot component rendered on server in-line render with attribut
313
315
  </button>
314
316
  <div class=\\"o-expander__content\\">
315
317
  <div class=\\"video-description\\">
316
- <h4 class=\\"video-description__title\\">Video description</h4>
317
- <p class=\\"video-description__text o3-type-detail\\">
318
+ <h4 class=\\"video-description__title o3-type-body-highlight\\">
319
+ Video description
320
+ </h4>
321
+ <p class=\\"video-description__text o3-type-body-base\\">
318
322
  Video description
319
323
  </p>
320
324
  </div>
@@ -497,8 +501,10 @@ exports[`Clip Snapshot component rendered on server mid-grid render with attribu
497
501
  </button>
498
502
  <div class=\\"o-expander__content\\">
499
503
  <div class=\\"video-description\\">
500
- <h4 class=\\"video-description__title\\">Video description</h4>
501
- <p class=\\"video-description__text o3-type-detail\\">
504
+ <h4 class=\\"video-description__title o3-type-body-highlight\\">
505
+ Video description
506
+ </h4>
507
+ <p class=\\"video-description__text o3-type-body-base\\">
502
508
  Video description
503
509
  </p>
504
510
  </div>
@@ -607,8 +613,10 @@ exports[`Clip Snapshot component rendered on server renders multiple video sourc
607
613
  </button>
608
614
  <div class=\\"o-expander__content\\">
609
615
  <div class=\\"video-description\\">
610
- <h4 class=\\"video-description__title\\">Video description</h4>
611
- <p class=\\"video-description__text o3-type-detail\\">
616
+ <h4 class=\\"video-description__title o3-type-body-highlight\\">
617
+ Video description
618
+ </h4>
619
+ <p class=\\"video-description__text o3-type-body-base\\">
612
620
  Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio
613
621
  quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt
614
622
  sagittis sapien vehicula vitae.
@@ -706,8 +714,10 @@ exports[`Clip Snapshot component rendered on server supports new Origami images,
706
714
  </button>
707
715
  <div class=\\"o-expander__content\\">
708
716
  <div class=\\"video-description\\">
709
- <h4 class=\\"video-description__title\\">Video description</h4>
710
- <p class=\\"video-description__text o3-type-detail\\">
717
+ <h4 class=\\"video-description__title o3-type-body-highlight\\">
718
+ Video description
719
+ </h4>
720
+ <p class=\\"video-description__text o3-type-body-base\\">
711
721
  Video description
712
722
  </p>
713
723
  </div>