@ndla/ui 37.0.1 → 37.0.4

package/lib/locale/messages-en.js

@@ -443,7 +443,8 @@ var messages = _objectSpread(_objectSpread({
     access: {
       onlyTeacher: 'This resource is accessible only to teachers who are logged in with Feide.'
     },
-    possiblyOutdated: 'The article is outdated'
+    possiblyOutdated: 'The article is outdated',
+    references: 'References'
   },
   competenceGoals: {
     competenceGoal: 'competence-goal',
@@ -659,7 +660,13 @@ var messages = _objectSpread(_objectSpread({
     'source-material': 'Source material',
     'assessment-resources': 'Assessment resource',
     topic: 'Topic',
-    'multidisciplinary-topic': 'Multidisciplinary case'
+    'multidisciplinary-topic': 'Multidisciplinary case',
+    image: 'Image',
+    concept: 'Concept',
+    audio: 'Audio',
+    podcast: 'Podcast',
+    h5p: 'H5P',
+    video: 'Video'
   },
   modal: {
     closeModal: 'Close'
@@ -951,6 +958,7 @@ var messages = _objectSpread(_objectSpread({
     }
   },
   audio: {
+    play: 'Play',
     download: 'Download audio',
     reuse: 'Use audio',
     error: {

package/lib/locale/messages-nb.d.ts

@@ -715,6 +715,7 @@ declare const messages: {
             onlyTeacher: string;
         };
         possiblyOutdated: string;
+        references: string;
     };
     competenceGoals: {
         competenceGoal: string;
@@ -931,6 +932,12 @@ declare const messages: {
         'assessment-resources': string;
         topic: string;
         'multidisciplinary-topic': string;
+        image: string;
+        concept: string;
+        audio: string;
+        podcast: string;
+        h5p: string;
+        video: string;
     };
     modal: {
         closeModal: string;
@@ -1222,6 +1229,7 @@ declare const messages: {
         };
     };
     audio: {
+        play: string;
         download: string;
         reuse: string;
         error: {

package/lib/locale/messages-nb.js

@@ -443,7 +443,8 @@ var messages = _objectSpread(_objectSpread({
     access: {
       onlyTeacher: 'Denne ressursen er bare tilgjengelig for lærere som er pålogget med Feide.'
     },
-    possiblyOutdated: 'Artikkelen er foreldet.'
+    possiblyOutdated: 'Artikkelen er foreldet.',
+    references: 'Referanser'
   },
   competenceGoals: {
     competenceGoal: 'kompetansemål',
@@ -659,7 +660,13 @@ var messages = _objectSpread(_objectSpread({
     'source-material': 'Kildemateriale',
     'assessment-resources': 'Vurderingsressurs',
     topic: 'Emne',
-    'multidisciplinary-topic': 'Tverrfaglig case'
+    'multidisciplinary-topic': 'Tverrfaglig case',
+    image: 'Bilde',
+    concept: 'Forklaring',
+    audio: 'Lyd',
+    podcast: 'Podkast',
+    h5p: 'H5P',
+    video: 'Video'
   },
   modal: {
     closeModal: 'Lukk'
@@ -951,6 +958,7 @@ var messages = _objectSpread(_objectSpread({
     }
   },
   audio: {
+    play: 'Spill av',
     download: 'Last ned lydfil',
     reuse: 'Bruk lydfil',
     error: {

package/lib/locale/messages-nn.d.ts

@@ -715,6 +715,7 @@ declare const messages: {
             onlyTeacher: string;
         };
         possiblyOutdated: string;
+        references: string;
     };
     competenceGoals: {
         competenceGoal: string;
@@ -931,6 +932,12 @@ declare const messages: {
         'assessment-resources': string;
         topic: string;
         'multidisciplinary-topic': string;
+        image: string;
+        concept: string;
+        audio: string;
+        podcast: string;
+        h5p: string;
+        video: string;
     };
     modal: {
         closeModal: string;
@@ -1222,6 +1229,7 @@ declare const messages: {
         };
     };
     audio: {
+        play: string;
         download: string;
         reuse: string;
         error: {

package/lib/locale/messages-nn.js

@@ -443,7 +443,8 @@ var messages = _objectSpread(_objectSpread({
     access: {
       onlyTeacher: 'Denne ressursen er berre tilgjengeleg for lærarar som er pålogga med Feide.'
     },
-    possiblyOutdated: 'Artikkelen er foreldet.'
+    possiblyOutdated: 'Artikkelen er foreldet.',
+    references: 'Referanser'
   },
   competenceGoals: {
     competenceGoal: 'kompetansemål',
@@ -659,7 +660,13 @@ var messages = _objectSpread(_objectSpread({
     'source-material': 'Kjeldemateriale',
     'assessment-resources': 'Vurderingsressurs',
     topic: 'Emne',
-    'multidisciplinary-topic': 'Tverrfagleg case'
+    'multidisciplinary-topic': 'Tverrfagleg case',
+    image: 'Bilde',
+    concept: 'Forklaring',
+    audio: 'Lyd',
+    podcast: 'Podkast',
+    h5p: 'H5P',
+    video: 'Video'
   },
   modal: {
     closeModal: 'Lukk'
@@ -951,6 +958,7 @@ var messages = _objectSpread(_objectSpread({
     }
   },
   audio: {
+    play: 'Spill av',
     download: 'Last ned lydfil',
     reuse: 'Bruk lydfil',
     error: {

package/lib/locale/messages-se.d.ts

@@ -715,6 +715,7 @@ declare const messages: {
             onlyTeacher: string;
         };
         possiblyOutdated: string;
+        references: string;
     };
     competenceGoals: {
         competenceGoal: string;
@@ -931,6 +932,12 @@ declare const messages: {
         'assessment-resources': string;
         topic: string;
         'multidisciplinary-topic': string;
+        image: string;
+        concept: string;
+        audio: string;
+        podcast: string;
+        h5p: string;
+        video: string;
     };
     modal: {
         closeModal: string;
@@ -1222,6 +1229,7 @@ declare const messages: {
         };
     };
     audio: {
+        play: string;
         download: string;
         reuse: string;
         error: {

package/lib/locale/messages-se.js

@@ -443,7 +443,8 @@ var messages = _objectSpread(_objectSpread({
     access: {
       onlyTeacher: 'Dát resursa lea dušše olamuttus oahpaheddjiide geat leat Feide bokte sisaloggejuvvon.'
     },
-    possiblyOutdated: 'Artihkal lea boarásmuvvan.'
+    possiblyOutdated: 'Artihkal lea boarásmuvvan.',
+    references: 'Referanser'
   },
   competenceGoals: {
     competenceGoal: 'Gealbomihttomearri',
@@ -659,7 +660,13 @@ var messages = _objectSpread(_objectSpread({
     'source-material': 'Gáldomateriála',
     'assessment-resources': 'Árvoštallanresursa',
     topic: 'Fáddá',
-    'multidisciplinary-topic': 'Fágaidrasttideaddji fáddá'
+    'multidisciplinary-topic': 'Fágaidrasttideaddji fáddá',
+    image: 'Bilde',
+    concept: 'Forklaring',
+    audio: 'Lyd',
+    podcast: 'Podkast',
+    h5p: 'H5P',
+    video: 'Video'
   },
   modal: {
     closeModal: 'Govčča'
@@ -951,6 +958,7 @@ var messages = _objectSpread(_objectSpread({
     }
   },
   audio: {
+    play: 'Spill av',
     download: 'Viečča jietnafiilla',
     reuse: 'Geavat jietnafiilla',
     error: {

package/lib/locale/messages-sma.d.ts

@@ -715,6 +715,7 @@ declare const messages: {
             onlyTeacher: string;
         };
         possiblyOutdated: string;
+        references: string;
     };
     competenceGoals: {
         competenceGoal: string;
@@ -931,6 +932,12 @@ declare const messages: {
         'assessment-resources': string;
         topic: string;
         'multidisciplinary-topic': string;
+        image: string;
+        concept: string;
+        audio: string;
+        podcast: string;
+        h5p: string;
+        video: string;
     };
     modal: {
         closeModal: string;
@@ -1222,6 +1229,7 @@ declare const messages: {
         };
     };
     audio: {
+        play: string;
         download: string;
         reuse: string;
         error: {

package/lib/locale/messages-sma.js

@@ -443,7 +443,8 @@ var messages = _objectSpread(_objectSpread({
     access: {
       onlyTeacher: 'Daate vierhtie ajve dïllesisnie lohkehtæjjide mah tjaangeme Feidine.'
     },
-    possiblyOutdated: 'Artikkelen er foreldet.'
+    possiblyOutdated: 'Artikkelen er foreldet.',
+    references: 'Referanser'
   },
   competenceGoals: {
     competenceGoal: 'maahtoe-ulmie',
@@ -659,7 +660,13 @@ var messages = _objectSpread(_objectSpread({
     'source-material': 'Gaaltijevierhtieh',
     'assessment-resources': 'Vuarjasjimmievierhtie',
     topic: 'Teema',
-    'multidisciplinary-topic': 'Tverrfaglig case'
+    'multidisciplinary-topic': 'Tverrfaglig case',
+    image: 'Bilde',
+    concept: 'Forklaring',
+    audio: 'Lyd',
+    podcast: 'Podkast',
+    h5p: 'H5P',
+    video: 'Video'
   },
   modal: {
     closeModal: 'Dahph'
@@ -951,6 +958,7 @@ var messages = _objectSpread(_objectSpread({
     }
   },
   audio: {
+    play: 'Spill av',
     download: 'Veedtjh tjoeje-fijlem',
     reuse: 'Nuhtjh tjoeje-fijlem',
     error: {

package/lib/model/ContentType.d.ts

@@ -33,4 +33,4 @@ export declare const RESOURCE_TYPE_EXTERNAL_LEARNING_RESOURCES = "urn:resourcety
 export declare const RESOURCE_TYPE_SOURCE_MATERIAL = "urn:resourcetype:SourceMaterial";
 export declare const ListOfContentTypes: string[];
 export declare const contentTypeMapping: Record<string, string>;
-export declare const resourceTypeMapping: Record<string, string>;
+export declare const resourceEmbedTypeMapping: Record<string, string>;

package/lib/model/ContentType.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resourceTypeMapping = exports.contentTypes = exports.contentTypeMapping = exports.TOPIC = exports.TASKS_AND_ACTIVITIES = exports.SUBJECT_MATERIAL = exports.SUBJECT = exports.SOURCE_MATERIAL = exports.RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_EXTERNAL_LEARNING_RESOURCES = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.MULTIDISCIPLINARY_TOPIC = exports.ListOfContentTypes = exports.LEARNING_PATH = exports.EXTERNAL_LEARNING_RESOURCES = exports.ASSESSMENT_RESOURCES = void 0;
+exports.resourceEmbedTypeMapping = exports.contentTypes = exports.contentTypeMapping = exports.TOPIC = exports.TASKS_AND_ACTIVITIES = exports.SUBJECT_MATERIAL = exports.SUBJECT = exports.SOURCE_MATERIAL = exports.RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_EXTERNAL_LEARNING_RESOURCES = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.MULTIDISCIPLINARY_TOPIC = exports.ListOfContentTypes = exports.LEARNING_PATH = exports.EXTERNAL_LEARNING_RESOURCES = exports.ASSESSMENT_RESOURCES = void 0;
 var _contentTypeMapping;
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -63,10 +63,10 @@ var ListOfContentTypes = ['SUBJECT_MATERIAL', 'TASKS_AND_ACTIVITIES', 'ASSESSMEN
 exports.ListOfContentTypes = ListOfContentTypes;
 var contentTypeMapping = (_contentTypeMapping = {}, _defineProperty(_contentTypeMapping, RESOURCE_TYPE_LEARNING_PATH, LEARNING_PATH), _defineProperty(_contentTypeMapping, RESOURCE_TYPE_SUBJECT_MATERIAL, SUBJECT_MATERIAL), _defineProperty(_contentTypeMapping, RESOURCE_TYPE_TASKS_AND_ACTIVITIES, TASKS_AND_ACTIVITIES), _defineProperty(_contentTypeMapping, RESOURCE_TYPE_ASSESSMENT_RESOURCES, ASSESSMENT_RESOURCES), _defineProperty(_contentTypeMapping, RESOURCE_TYPE_EXTERNAL_LEARNING_RESOURCES, EXTERNAL_LEARNING_RESOURCES), _defineProperty(_contentTypeMapping, RESOURCE_TYPE_SOURCE_MATERIAL, SOURCE_MATERIAL), _defineProperty(_contentTypeMapping, "default", SUBJECT_MATERIAL), _contentTypeMapping);
 exports.contentTypeMapping = contentTypeMapping;
-var resourceTypeMapping = {
+var resourceEmbedTypeMapping = {
   image: 'image',
   video: 'video',
   concept: 'concept',
   audio: 'audio'
 };
-exports.resourceTypeMapping = resourceTypeMapping;
+exports.resourceEmbedTypeMapping = resourceEmbedTypeMapping;

package/lib/model/index.d.ts

@@ -22,5 +22,6 @@ declare const model: {
     subjectCategories: typeof subjectCategories;
     subjectTypes: typeof subjectTypes;
     contentTypeMapping: Record<string, string>;
+    resourceEmbedTypeMapping: Record<string, string>;
 };
 export default model;

package/lib/model/index.js

@@ -22,7 +22,8 @@ var model = {
   contentTypes: _ContentType.contentTypes,
   subjectCategories: subjectCategories,
   subjectTypes: subjectTypes,
-  contentTypeMapping: _ContentType.contentTypeMapping
+  contentTypeMapping: _ContentType.contentTypeMapping,
+  resourceEmbedTypeMapping: _ContentType.resourceEmbedTypeMapping
 };
 var _default = model;
 exports["default"] = _default;

package/lib/utils/resourceTypeColor.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.resourceTypeColor = exports["default"] = void 0;
 var _core = require("@ndla/core");
 var _model = _interopRequireDefault(require("../model"));
+var _ContentType = require("../model/ContentType");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**
  * Copyright (c) 2022-present, NDLA.
@@ -36,6 +37,11 @@ var resourceTypeColor = function resourceTypeColor(type) {
       return _core.colors.learningPath.light;
     case contentTypes.MULTIDISCIPLINARY_TOPIC:
       return _core.colors.learningPath.background;
+    case _ContentType.resourceEmbedTypeMapping.image:
+    case _ContentType.resourceEmbedTypeMapping.video:
+    case _ContentType.resourceEmbedTypeMapping.concept:
+    case _ContentType.resourceEmbedTypeMapping.audio:
+      return _core.colors.brand.greyLight;
     default:
       return '';
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "37.0.1",
+  "version": "37.0.4",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,7 +31,7 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^2.2.0",
+    "@ndla/accordion": "^2.2.1",
     "@ndla/article-scripts": "^3.0.17",
     "@ndla/button": "^10.1.0",
     "@ndla/carousel": "^3.1.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "38258e7be60bc71be478fe407775f43bfa505d7b"
+  "gitHead": "db2b4d8eda31595ec90f1e2fc26972382214cad9"
 }

package/src/Article/ArticleByline.tsx

@@ -149,14 +149,14 @@ const ArticleByline = ({
       <AccordionRoot type="multiple" onValueChange={setOpenAccordions} value={openAccordions}>
         {licenseBox && (
           <AccordionItem value="rulesForUse">
-            <AccordionHeader>{t('article.useContent')}</AccordionHeader>
+            <AccordionHeader headingLevel="h2">{t('article.useContent')}</AccordionHeader>
             <AccordionContent>{licenseBox}</AccordionContent>
           </AccordionItem>
         )}
 
         {!!footnotes?.length && (
           <AccordionItem value={referencesAccordionId}>
-            <AccordionHeader>Referanser</AccordionHeader>
+            <AccordionHeader headingLevel="h2">{t('article.references')}</AccordionHeader>
             <AccordionContent forceMount>
               <ArticleFootNotes footNotes={footnotes} />
             </AccordionContent>

package/src/AudioPlayer/SpeechControl.tsx

@@ -7,30 +7,10 @@
  */
 
 import React, { useRef } from 'react';
-import styled from '@emotion/styled';
-import { colors } from '@ndla/core';
+import { useTranslation } from 'react-i18next';
 import { VolumeUp } from '@ndla/icons/common';
-
-const SpeechPlayButton = styled.button`
-  background: none;
-  border: none;
-  display: flex;
-  align-items: center;
-  padding: 0;
-  cursor: pointer;
-  color: ${colors.brand.primary};
-  margin-right: 0;
-
-  &:hover,
-  &:active,
-  &:focus {
-    color: ${colors.brand.secondary};
-  }
-  .c-icon {
-    width: 24px;
-    height: 24px;
-  }
-`;
+import Tooltip from '@ndla/tooltip';
+import { IconButtonV2 } from '@ndla/button';
 
 type Props = {
   src: string;
@@ -38,6 +18,7 @@ type Props = {
 };
 
 const SpeechControl = ({ src, title }: Props) => {
+  const { t } = useTranslation();
   const audioRef = useRef<HTMLAudioElement>(null);
 
   const togglePlay = () => {
@@ -54,9 +35,11 @@ const SpeechControl = ({ src, title }: Props) => {
     <div>
       {/* eslint-disable-next-line jsx-a11y/media-has-caption */}
       <audio ref={audioRef} src={src} title={title} preload="metadata" />
-      <SpeechPlayButton type="button" onClick={togglePlay}>
-        <VolumeUp role="img" aria-label="play" title="play" />
-      </SpeechPlayButton>
+      <Tooltip tooltip={t('audio.play')}>
+        <IconButtonV2 type="button" onClick={togglePlay} aria-label={t('audio.play')} variant="ghost">
+          <VolumeUp />
+        </IconButtonV2>
+      </Tooltip>
     </div>
   );
 };

package/src/ContentTypeBadge/ContentTypeBadge.tsx

@@ -65,19 +65,19 @@ export const ContentTypeBadge = ({ type, background, title, size = 'small', bord
     case contentTypes.MULTIDISCIPLINARY_TOPIC:
       icon = <MultidisciplinaryTopic />;
       break;
-    case contentTypes.resourceTypeMapping.image:
+    case contentTypes.resourceEmbedTypeMapping.image:
       icon = <Media />;
       embedResource = true;
       break;
-    case contentTypes.resourceTypeMapping.audio:
+    case contentTypes.resourceEmbedTypeMapping.audio:
       icon = <SquareAudio />;
       embedResource = true;
       break;
-    case contentTypes.resourceTypeMapping.video:
+    case contentTypes.resourceEmbedTypeMapping.video:
       icon = <SquareVideo />;
       embedResource = true;
       break;
-    case contentTypes.resourceTypeMapping.concept:
+    case contentTypes.resourceEmbedTypeMapping.concept:
       icon = <Concept />;
       embedResource = true;
       break;
@@ -88,7 +88,7 @@ export const ContentTypeBadge = ({ type, background, title, size = 'small', bord
   if (embedResource) {
     modifiers.push('embed-resource');
   }
-  if (background || embedResource) {
+  if (background) {
     modifiers.push('background');
   }
   if (border) {

package/src/Embed/AudioEmbed.tsx

@@ -7,6 +7,7 @@
  */
 
 import { AudioMetaData, ImageMetaData } from '@ndla/types-embed';
+import { COPYRIGHTED } from '@ndla/licenses';
 //@ts-ignore
 import { Remarkable } from 'remarkable';
 import AudioPlayer from '../AudioPlayer';
@@ -87,7 +88,9 @@ const AudioEmbed = ({ embed, heartButton: HeartButton }: Props) => {
         bottomRounded={!data.imageMeta}
         copyright={embed.data.copyright}
       >
-        {HeartButton && <HeartButton embed={embed} />}
+        {HeartButton && embed.data.copyright.license.license.toLowerCase() !== COPYRIGHTED && (
+          <HeartButton embed={embed} />
+        )}
       </EmbedByline>
       {data.imageMeta && (
         <EmbedByline
@@ -98,7 +101,9 @@ const AudioEmbed = ({ embed, heartButton: HeartButton }: Props) => {
           bottomRounded
           copyright={data.imageMeta.copyright}
         >
-          {HeartButton && <HeartButton embed={imageMetaToMockEmbed(embed)} />}
+          {HeartButton && data.imageMeta.copyright.license.license.toLowerCase() !== COPYRIGHTED && (
+            <HeartButton embed={imageMetaToMockEmbed(embed)} />
+          )}
         </EmbedByline>
       )}
     </Figure>

package/src/Embed/BrightcoveEmbed.tsx

@@ -10,6 +10,7 @@ import sortBy from 'lodash/sortBy';
 import isNumber from 'lodash/isNumber';
 import styled from '@emotion/styled';
 import { spacing } from '@ndla/core';
+import { COPYRIGHTED } from '@ndla/licenses';
 import { useEffect, useRef, useState } from 'react';
 import { BrightcoveEmbedData, BrightcoveMetaData, BrightcoveVideoSource } from '@ndla/types-embed';
 import { useTranslation } from 'react-i18next';
@@ -125,7 +126,7 @@ const BrightcoveEmbed = ({ embed, isConcept, heartButton: HeartButton }: Props)
             {t(`figure.button.${!showOriginalVideo ? 'original' : 'alternative'}`)}
           </LinkedVideoButton>
         )}
-        {HeartButton && <HeartButton embed={embed} />}
+        {HeartButton && data.copyright?.license.license.toLowerCase() !== COPYRIGHTED && <HeartButton embed={embed} />}
       </EmbedByline>
     </Figure>
   );

package/src/Embed/ConceptEmbed.tsx

@@ -16,6 +16,7 @@ import { Cross } from '@ndla/icons/action';
 import { breakpoints, colors, mq, spacing } from '@ndla/core';
 import { ConceptMetaData } from '@ndla/types-embed';
 import Tooltip from '@ndla/tooltip';
+import { COPYRIGHTED } from '@ndla/licenses';
 import { Notion as UINotion } from '../Notion';
 import { Figure } from '../Figure';
 import { NotionImage } from '../Notion/NotionImage';
@@ -382,7 +383,7 @@ export const BlockConcept = ({
         />
         {copyright ? (
           <EmbedByline copyright={copyright} bottomRounded topRounded type="concept">
-            {conceptHeartButton}
+            {copyright.license?.license.toLowerCase() !== COPYRIGHTED && conceptHeartButton}
           </EmbedByline>
         ) : (
           <BottomBorder />

package/src/Embed/ImageEmbed.tsx

@@ -11,6 +11,7 @@ import { ImageEmbedData, ImageMetaData } from '@ndla/types-embed';
 import { useTranslation } from 'react-i18next';
 import { MouseEventHandler, useState } from 'react';
 import { ExpandTwoArrows } from '@ndla/icons/action';
+import { COPYRIGHTED } from '@ndla/licenses';
 import { ArrowCollapse, ChevronDown, ChevronUp } from '@ndla/icons/common';
 import { Figure, FigureType } from '../Figure';
 import Image, { ImageLink } from '../Image';
@@ -152,7 +153,7 @@ const ImageEmbed = ({ embed, previewAlt, heartButton: HeartButton }: Props) => {
           bottomRounded
           visibleAlt={previewAlt ? embed.embedData.alt : ''}
         >
-          {HeartButton && <HeartButton embed={embed} />}
+          {HeartButton && data.copyright.license.license.toLowerCase() !== COPYRIGHTED && <HeartButton embed={embed} />}
         </EmbedByline>
       )}
     </Figure>

package/src/Embed/conceptComponents.tsx

@@ -14,6 +14,7 @@ import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
 import { parseMarkdown } from '@ndla/util';
 import styled from '@emotion/styled';
 import { NotionDialogContent, NotionDialogText } from '@ndla/notion';
+import { COPYRIGHTED } from '@ndla/licenses';
 import { Copyright } from '../types';
 import ImageEmbed from './ImageEmbed';
 import BrightcoveEmbed from './BrightcoveEmbed';
@@ -202,7 +203,7 @@ export const ConceptNotionV2 = forwardRef<HTMLDivElement, ConceptNotionProps>(
         </ContentPadding>
         {copyright && (
           <EmbedByline copyright={copyright} type="concept">
-            {conceptHeartButton}
+            {copyright.license?.license.toLowerCase() !== COPYRIGHTED && conceptHeartButton}
           </EmbedByline>
         )}
       </div>