@ndla/ui 33.1.4 → 33.3.0

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

@@ -98,6 +98,7 @@ declare const messages: {
         confirmDeleteTag: string;
         myFolders: string;
         myTags: string;
+        mySubjects: string;
         newFolder: string;
         newFolderUnder: string;
         myAccount: string;
@@ -201,6 +202,9 @@ declare const messages: {
         contact: string;
         help: string;
     };
+    programme: {
+        grades: string;
+    };
     treeStructure: {
         folderChildOptions: {
             edit: string;
@@ -436,8 +440,15 @@ declare const messages: {
         archived: string;
     };
     subjectsPage: {
+        allSubjects: string;
         chooseSubject: string;
         errorDescription: string;
+        confirmRemove: string;
+        addFavorite: string;
+        removeFavorite: string;
+        removeConfirmed: string;
+        addConfirmed: string;
+        shows: string;
     };
     topicPage: {
         articleErrorDescription: string;
@@ -999,6 +1010,7 @@ declare const messages: {
         searching: string;
         create: string;
         isSelectedItem: string;
+        selected: string;
     };
     blogPosts: {
         blog1: {

package/lib/locale/messages-en.js

@@ -244,8 +244,15 @@ var messages = _objectSpread(_objectSpread({
     archived: 'This is an expired and unmaintained subject.'
   },
   subjectsPage: {
+    allSubjects: 'All subjects',
     chooseSubject: 'Choose subject',
-    errorDescription: 'Sorry, an error occurred while loading the subjects.'
+    errorDescription: 'Sorry, an error occurred while loading the subjects.',
+    confirmRemove: 'Are you sure you want to remove {{subject}} from your favorite subjects?',
+    addFavorite: 'Add favorite subject',
+    removeFavorite: 'Remove favorite subject',
+    removeConfirmed: '{{subject}} is removed from your favorite subjects',
+    addConfirmed: '{{subject}} is added to your favorite subjects',
+    shows: 'Shows'
   },
   topicPage: {
     articleErrorDescription: 'Sorry, an error occurred while loading the topic description.',
@@ -797,7 +804,8 @@ var messages = _objectSpread(_objectSpread({
     numberHits: "Search returned {{hits}} hits",
     searching: 'Searching...',
     create: 'Create new',
-    isSelectedItem: 'Added'
+    isSelectedItem: 'Added',
+    selected: '{{count}} selected'
   },
   blogPosts: {
     blog1: {
@@ -1038,6 +1046,7 @@ var messages = _objectSpread(_objectSpread({
     confirmDeleteTag: 'Are you sure you want to delete this tag? This process cannot be undone.',
     myFolders: 'My folders',
     myTags: 'My tags',
+    mySubjects: 'My subjects',
     newFolder: 'New folder',
     newFolderUnder: 'Create new folder under {{folderName}}',
     myAccount: 'My account',
@@ -1140,6 +1149,9 @@ var messages = _objectSpread(_objectSpread({
     search: 'Search',
     contact: 'Contact',
     help: 'Help'
+  },
+  programme: {
+    grades: 'Grades'
   }
 });
 var _default = messages;

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

@@ -98,6 +98,7 @@ declare const messages: {
         confirmDeleteTag: string;
         myFolders: string;
         myTags: string;
+        mySubjects: string;
         newFolder: string;
         newFolderUnder: string;
         myAccount: string;
@@ -201,6 +202,9 @@ declare const messages: {
         contact: string;
         help: string;
     };
+    programme: {
+        grades: string;
+    };
     treeStructure: {
         folderChildOptions: {
             edit: string;
@@ -436,8 +440,15 @@ declare const messages: {
         archived: string;
     };
     subjectsPage: {
+        allSubjects: string;
         errorDescription: string;
         chooseSubject: string;
+        confirmRemove: string;
+        addFavorite: string;
+        removeFavorite: string;
+        removeConfirmed: string;
+        addConfirmed: string;
+        shows: string;
     };
     topicPage: {
         articleErrorDescription: string;
@@ -999,6 +1010,7 @@ declare const messages: {
         searching: string;
         create: string;
         isSelectedItem: string;
+        selected: string;
     };
     blogPosts: {
         blog1: {

package/lib/locale/messages-nb.js

@@ -244,8 +244,15 @@ var messages = _objectSpread(_objectSpread({
     archived: 'Dette er et utgått fag som ikke vedlikeholdes.'
   },
   subjectsPage: {
+    allSubjects: 'Alle fag',
     errorDescription: 'Beklager, en feil oppstod under lasting av fagene.',
-    chooseSubject: 'Velg fag'
+    chooseSubject: 'Velg fag',
+    confirmRemove: 'Er du sikker på at du vil fjerne {{subject}} fra favorittfag?',
+    addFavorite: 'Legg til favorittfag',
+    removeFavorite: 'Fjern favorittfag',
+    removeConfirmed: '{{subject}} er fjernet fra favorittfag',
+    addConfirmed: '{{subject}} er lagt til som favorittfag',
+    shows: 'Viser'
   },
   topicPage: {
     articleErrorDescription: 'Beklager, en feil oppstod under lasting av emnebeskrivelsen.',
@@ -797,7 +804,8 @@ var messages = _objectSpread(_objectSpread({
     numberHits: "S\xF8ket gav {{hits}} treff",
     searching: 'Søker...',
     create: 'Opprett ny',
-    isSelectedItem: 'Lagt til'
+    isSelectedItem: 'Lagt til',
+    selected: '{{count}} valgte'
   },
   blogPosts: {
     blog1: {
@@ -1038,6 +1046,7 @@ var messages = _objectSpread(_objectSpread({
     confirmDeleteTag: 'Er du sikker på at du vil slette emneknagg? Denne handlingen kan ikke endres.',
     myFolders: 'Mine mapper',
     myTags: 'Mine emneknagger',
+    mySubjects: 'Mine fag',
     newFolder: 'Ny mappe',
     newFolderUnder: 'Lag ny mappe under {{folderName}}',
     myAccount: 'Min konto',
@@ -1140,6 +1149,9 @@ var messages = _objectSpread(_objectSpread({
     search: 'Søk',
     contact: 'Kontakt',
     help: 'Hjelp'
+  },
+  programme: {
+    grades: 'Trinn'
   }
 });
 var _default = messages;

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

@@ -98,6 +98,7 @@ declare const messages: {
         confirmDeleteTag: string;
         myFolders: string;
         myTags: string;
+        mySubjects: string;
         newFolder: string;
         newFolderUnder: string;
         myAccount: string;
@@ -201,6 +202,9 @@ declare const messages: {
         contact: string;
         help: string;
     };
+    programme: {
+        grades: string;
+    };
     treeStructure: {
         folderChildOptions: {
             edit: string;
@@ -436,8 +440,15 @@ declare const messages: {
         archived: string;
     };
     subjectsPage: {
+        allSubjects: string;
         errorDescription: string;
         chooseSubject: string;
+        confirmRemove: string;
+        addFavorite: string;
+        removeFavorite: string;
+        removeConfirmed: string;
+        addConfirmed: string;
+        shows: string;
     };
     topicPage: {
         articleErrorDescription: string;
@@ -999,6 +1010,7 @@ declare const messages: {
         searching: string;
         create: string;
         isSelectedItem: string;
+        selected: string;
     };
     blogPosts: {
         blog1: {

package/lib/locale/messages-nn.js

@@ -244,8 +244,15 @@ var messages = _objectSpread(_objectSpread({
     archived: 'Dette er eit utgått fag som ikkje blir halde ved like.'
   },
   subjectsPage: {
+    allSubjects: 'Alle fag',
     errorDescription: 'Orsak, ein feil oppstod under lasting av faga.',
-    chooseSubject: 'Vel fag'
+    chooseSubject: 'Vel fag',
+    confirmRemove: 'Er du sikker på at du vil fjerne {{subject}} fra favorittfag?',
+    addFavorite: 'Legg til favorittfag',
+    removeFavorite: 'Fjern favorittfag',
+    removeConfirmed: '{{subject}} er fjerna frå favorittfag',
+    addConfirmed: '{{subject}} er lagt til som favorittfag',
+    shows: 'Viser'
   },
   topicPage: {
     articleErrorDescription: 'Orsak, ein feil oppstod under lasting av emneskildringa.',
@@ -797,7 +804,8 @@ var messages = _objectSpread(_objectSpread({
     numberHits: "S\xF8ket gav {{hits}} treff",
     searching: 'Søkjer...',
     create: 'Opprett ny',
-    isSelectedItem: 'Lagt til'
+    isSelectedItem: 'Lagt til',
+    selected: '{{count}} valgte'
   },
   blogPosts: {
     blog1: {
@@ -1038,6 +1046,7 @@ var messages = _objectSpread(_objectSpread({
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlinga kan ikkje endrast.',
     myFolders: 'Mine mapper',
     myTags: 'Mine emneknaggar',
+    mySubjects: 'Mine fag',
     newFolder: 'Ny mappe',
     newFolderUnder: 'Lag ny mappe under {{folderName}}',
     myAccount: 'Min konto',
@@ -1140,6 +1149,9 @@ var messages = _objectSpread(_objectSpread({
     search: 'Søk',
     contact: 'Kontakt',
     help: 'Hjelp'
+  },
+  programme: {
+    grades: 'Trinn'
   }
 });
 var _default = messages;

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

@@ -98,6 +98,7 @@ declare const messages: {
         confirmDeleteTag: string;
         myFolders: string;
         myTags: string;
+        mySubjects: string;
         newFolder: string;
         newFolderUnder: string;
         myAccount: string;
@@ -201,6 +202,9 @@ declare const messages: {
         contact: string;
         help: string;
     };
+    programme: {
+        grades: string;
+    };
     treeStructure: {
         folderChildOptions: {
             edit: string;
@@ -436,8 +440,15 @@ declare const messages: {
         archived: string;
     };
     subjectsPage: {
+        allSubjects: string;
         errorDescription: string;
         chooseSubject: string;
+        confirmRemove: string;
+        addFavorite: string;
+        removeFavorite: string;
+        removeConfirmed: string;
+        addConfirmed: string;
+        shows: string;
     };
     topicPage: {
         articleErrorDescription: string;
@@ -999,6 +1010,7 @@ declare const messages: {
         searching: string;
         create: string;
         isSelectedItem: string;
+        selected: string;
     };
     blogPosts: {
         blog1: {

package/lib/locale/messages-se.js

@@ -244,8 +244,15 @@ var messages = _objectSpread(_objectSpread({
     archived: 'Dát leat heaittihuvvon fága mii ii ođasmahttojuvvo.'
   },
   subjectsPage: {
+    allSubjects: 'Buot fágat',
     errorDescription: 'Šállošat, boasttuvuohta čuožžilii fágaid viežžamis.',
-    chooseSubject: 'Vállje fága'
+    chooseSubject: 'Vállje fága',
+    confirmRemove: 'Er du sikker på at du vil fjerne {{subject}} fra favorittfag?',
+    addFavorite: 'Legg til favorittfag',
+    removeFavorite: 'Fjern favorittfag',
+    removeConfirmed: '{{subject}} er fjernet fra favorittfag',
+    addConfirmed: '{{subject}} er lagt til som favorittfag',
+    shows: 'Viser'
   },
   topicPage: {
     articleErrorDescription: 'Šállošat, boasttuvuohta čuožžilii fáddáčilgehusa viežžamis.',
@@ -797,7 +804,8 @@ var messages = _objectSpread(_objectSpread({
     numberHits: "Ohcamis ledje {{hits}} deaivama",
     searching: 'Ohcá...',
     create: 'Ráhkat ođđa',
-    isSelectedItem: 'Lasihuvvon'
+    isSelectedItem: 'Lasihuvvon',
+    selected: '{{count}} valgte'
   },
   blogPosts: {
     blog1: {
@@ -1038,6 +1046,7 @@ var messages = _objectSpread(_objectSpread({
     confirmDeleteTag: 'Leat go sihkar ahte dáhtut sihkkut fáddágilkora? Dan ii sáhte gáhtat.',
     myFolders: 'Mu máhpat',
     myTags: 'Mu fáddágilkorat',
+    mySubjects: 'Mine fag',
     newFolder: 'Ođđa máhppa',
     newFolderUnder: 'Ráhkat ođđa máhpa dán vuolde {{folderName}}',
     myAccount: 'Mu kontu',
@@ -1140,6 +1149,9 @@ var messages = _objectSpread(_objectSpread({
     search: 'Oza',
     contact: 'Váldde oktavuođa',
     help: 'Veahket'
+  },
+  programme: {
+    grades: 'Trinn'
   }
 });
 var _default = messages;

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

@@ -98,6 +98,7 @@ declare const messages: {
         confirmDeleteTag: string;
         myFolders: string;
         myTags: string;
+        mySubjects: string;
         newFolder: string;
         newFolderUnder: string;
         myAccount: string;
@@ -201,6 +202,9 @@ declare const messages: {
         contact: string;
         help: string;
     };
+    programme: {
+        grades: string;
+    };
     treeStructure: {
         folderChildOptions: {
             edit: string;
@@ -436,8 +440,15 @@ declare const messages: {
         archived: string;
     };
     subjectsPage: {
+        allSubjects: string;
         errorDescription: string;
         chooseSubject: string;
+        confirmRemove: string;
+        addFavorite: string;
+        removeFavorite: string;
+        removeConfirmed: string;
+        addConfirmed: string;
+        shows: string;
     };
     topicPage: {
         articleErrorDescription: string;
@@ -999,6 +1010,7 @@ declare const messages: {
         searching: string;
         create: string;
         isSelectedItem: string;
+        selected: string;
     };
     blogPosts: {
         blog1: {

package/lib/locale/messages-sma.js

@@ -244,8 +244,15 @@ var messages = _objectSpread(_objectSpread({
     archived: 'Dette er et utgått fag som ikke vedlikeholdes.'
   },
   subjectsPage: {
+    allSubjects: 'Alle fag',
     errorDescription: 'Beklager, en feil oppstod under lasting av fagene.',
-    chooseSubject: 'Velg fag'
+    chooseSubject: 'Velg fag',
+    confirmRemove: 'Er du sikker på at du vil fjerne {{subject}} fra favorittfag?',
+    addFavorite: 'Legg til favorittfag',
+    removeFavorite: 'Fjern favorittfag',
+    removeConfirmed: '{{subject}} er fjernet fra favorittfag',
+    addConfirmed: '{{subject}} er lagt til som favorittfag',
+    shows: 'Viser'
   },
   topicPage: {
     articleErrorDescription: 'Beklager, en feil oppstod under lasting av emnebeskrivelsen.',
@@ -797,7 +804,8 @@ var messages = _objectSpread(_objectSpread({
     numberHits: "S\xF8ket gav {{hits}} treff",
     searching: 'Søker...',
     create: 'Opprett ny',
-    isSelectedItem: 'Lagt til'
+    isSelectedItem: 'Lagt til',
+    selected: '{{count}} valgte'
   },
   blogPosts: {
     blog1: {
@@ -1038,6 +1046,7 @@ var messages = _objectSpread(_objectSpread({
     confirmDeleteTag: 'Er du sikker på at du vil slette emneknagg? Denne handlingen kan ikke endres.',
     myFolders: 'Mine mapper',
     myTags: 'Mine emneknagger',
+    mySubjects: 'Mine fag',
     newFolder: 'Ny mappe',
     newFolderUnder: 'Lag ny mappe under {{folderName}}',
     myAccount: 'Min konto',
@@ -1140,6 +1149,9 @@ var messages = _objectSpread(_objectSpread({
     search: 'Søk',
     contact: 'Kontakt',
     help: 'Hjelp'
+  },
+  programme: {
+    grades: 'Trinn'
   }
 });
 var _default = messages;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "33.1.4",
+  "version": "33.3.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,20 +31,20 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/article-scripts": "^3.0.13",
-    "@ndla/button": "^7.0.2",
-    "@ndla/carousel": "^2.1.0",
+    "@ndla/article-scripts": "^3.0.14",
+    "@ndla/button": "^7.0.3",
+    "@ndla/carousel": "^2.1.1",
     "@ndla/core": "^3.0.3",
-    "@ndla/forms": "^4.1.6",
+    "@ndla/forms": "^4.1.7",
     "@ndla/hooks": "^1.2.0",
-    "@ndla/icons": "^2.1.0",
-    "@ndla/licenses": "^6.1.4",
-    "@ndla/modal": "^2.2.1",
-    "@ndla/notion": "^4.1.8",
-    "@ndla/safelink": "^3.1.6",
+    "@ndla/icons": "^2.1.1",
+    "@ndla/licenses": "^6.1.5",
+    "@ndla/modal": "^2.2.2",
+    "@ndla/notion": "^4.1.9",
+    "@ndla/safelink": "^3.1.7",
     "@ndla/switch": "^1.0.3",
-    "@ndla/tabs": "^2.1.0",
-    "@ndla/tooltip": "^4.0.2",
+    "@ndla/tabs": "^2.1.1",
+    "@ndla/tooltip": "^4.0.3",
     "@ndla/types-learningpath-api": "^0.0.17",
     "@ndla/util": "^3.1.9",
     "@reach/menu-button": "^0.16.2",
@@ -56,7 +56,7 @@
     "invariant": "^2.2.3",
     "react-bem-helper": "1.4.1",
     "react-device-detect": "^2.2.2",
-    "react-select": "^5.4.0",
+    "react-select": "^5.7.0",
     "react-swipeable": "^7.0.0",
     "remarkable": "^2.0.1",
     "shave": "^2.5.10"
@@ -66,7 +66,6 @@
     "@emotion/styled": "^11.10.4",
     "i18next": "^21.9.2",
     "lodash": "^4.17.20",
-    "prop-types": "^15.8.1",
     "react": "^16.8.4 || ^17.0.0",
     "react-i18next": "^11.18.6",
     "react-router-dom": "^6.3.0"
@@ -74,14 +73,14 @@
   "devDependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.11.0",
     "@types/reach__dialog": "^0.1.0",
-    "css-loader": "^2.1.0",
-    "mini-css-extract-plugin": "^0.5.0",
-    "sass-loader": "^7.1.0",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^4.10.0"
+    "css-loader": "^6.7.3",
+    "mini-css-extract-plugin": "^2.7.2",
+    "sass-loader": "^13.2.0",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0a8b369de076b50be5d54ddee13fde182c231f63"
+  "gitHead": "48dd90f1aea68b7f7107d331ea9ca9df4e51b3be"
 }

package/src/Animation/DisplayOnPageYOffset.tsx

@@ -7,7 +7,6 @@
  */
 
 import React, { Component, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import throttle from 'lodash/throttle';
 import Fade from './Fade';
 
@@ -60,11 +59,6 @@ export default class DisplayOnPageYOffset extends Component<Props, State> {
     const { children } = this.props;
     return <Fade show={this.state.show}>{children}</Fade>;
   }
-  static propTypes = {
-    children: PropTypes.node.isRequired,
-    yOffsetMin: PropTypes.number.isRequired,
-    yOffsetMax: PropTypes.number,
-  };
 
   static defaultProps = {
     yOffsetMax: null,

package/src/Article/ArticleHeaderWrapper.tsx

@@ -9,9 +9,8 @@
 import React, { ComponentType, ReactNode, useEffect, useState } from 'react';
 import BEMHelper from 'react-bem-helper';
 import { useTranslation } from 'react-i18next';
-import Button from '@ndla/button';
+import { ButtonV2 } from '@ndla/button';
 import { isMobile } from 'react-device-detect';
-import { fonts, colors } from '@ndla/core';
 
 import styled from '@emotion/styled';
 import { FooterHeaderIcon } from '@ndla/icons/common';
@@ -22,50 +21,10 @@ const classes = new BEMHelper({
   prefix: 'c-',
 });
 
-type OpenButtonProps = {
-  onClick: () => void;
-  children: ReactNode;
-};
-
-export const OpenButton = ({ children, onClick }: OpenButtonProps) => (
-  <Button size="xsmall" lighter borderShape="rounded" onClick={onClick}>
-    {children}
-  </Button>
-);
-
-const CompetenceWrapper = styled.div`
-  display: flex;
-  align-items: center;
-`;
-
-const CompetenceBadge = styled.span`
-  display: inline-flex;
-  background: ${colors.brand.greyLighter};
-  border-radius: 36px;
-  font-weight: ${fonts.weight.semibold};
-  ${fonts.sizes('12px', '15px')};
-  align-items: center;
-  color: ${colors.text.primary};
-  font-family: ${fonts.sans};
-  padding: 0 6px;
-  height: 25px;
-  margin-right: 7px;
-`;
-
 const CompetenceBadgeText = styled.span`
   padding: 0 5px;
 `;
 
-type CompetenceButtonWrapperProps = {
-  addSpace: boolean | undefined;
-};
-
-const CompetenceButtonWrapper = styled.div<CompetenceButtonWrapperProps>`
-  display: flex;
-  align-items: center;
-  ${(props) => props.addSpace && `padding-left: 12px;`}
-`;
-
 type Props = {
   competenceGoals?:
     | ((inp: { Dialog: ComponentType; dialogProps: { isOpen: boolean; onClose: () => void } }) => ReactNode)
@@ -118,21 +77,10 @@ const ArticleHeaderWrapper = ({ children, competenceGoals, competenceGoalTypes }
   return (
     <div {...classes('header')}>
       {children}
-      <CompetenceWrapper>
-        {competenceGoalTypes &&
-          competenceGoalTypes.map((type) => (
-            <CompetenceBadge key={type}>
-              <FooterHeaderIcon />
-              <CompetenceBadgeText>{type}</CompetenceBadgeText>
-            </CompetenceBadge>
-          ))}
-        <CompetenceButtonWrapper addSpace={competenceGoalTypes && competenceGoalTypes.length > 0}>
-          <OpenButton onClick={openDialog}>
-            <FooterHeaderIcon />
-            <CompetenceBadgeText>{t('competenceGoals.showCompetenceGoals')}</CompetenceBadgeText>
-          </OpenButton>
-        </CompetenceButtonWrapper>
-      </CompetenceWrapper>
+      <ButtonV2 size="xsmall" colorTheme="light" shape="pill" onClick={openDialog}>
+        <FooterHeaderIcon />
+        <CompetenceBadgeText>{t('competenceGoals.showCompetenceGoals')}</CompetenceBadgeText>
+      </ButtonV2>
       {dialog}
     </div>
   );

package/src/Aside/Aside.tsx

@@ -7,7 +7,6 @@
  */
 
 import React, { ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 
 const classes = BEMHelper({
@@ -38,13 +37,4 @@ const Aside = ({ children, narrowScreen = false, dangerouslySetInnerHTML, wideSc
   );
 };
 
-Aside.propTypes = {
-  dangerouslySetInnerHTML: PropTypes.shape({
-    __html: PropTypes.string.isRequired,
-  }),
-  children: PropTypes.node,
-  narrowScreen: PropTypes.bool,
-  wideScreen: PropTypes.bool,
-};
-
 export default Aside;

package/src/ContentTypeBadge/ContentTypeBadge.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 
 import {
@@ -16,8 +15,6 @@ import {
 import { MenuBook } from '@ndla/icons/action';
 
 import * as contentTypes from '../model/ContentType';
-// @ts-ignore
-import { ContentTypeShape } from '../shapes';
 
 const classes = new BEMHelper({
   name: 'content-type-badge',
@@ -77,14 +74,6 @@ export const ContentTypeBadge = ({ type, background, title, size = 'small', bord
   return <div {...classes('', modifiers)}>{icon}</div>;
 };
 
-ContentTypeBadge.propTypes = {
-  size: PropTypes.oneOf(['xx-small', 'x-small', 'small', 'large']),
-  type: ContentTypeShape,
-  title: PropTypes.string,
-  background: PropTypes.bool,
-  border: PropTypes.bool,
-};
-
 ContentTypeBadge.defaultProps = {
   size: 'small',
   border: true,

package/src/CopyParagraphButton/CopyParagraphButton.tsx

@@ -59,7 +59,7 @@ const CopyButton = ({ onClick, title, tooltip, content }: CopyButtonProps) => {
   return (
     <div>
       <Tooltip tooltip={tooltip}>
-        <IconButton onClick={onClick} data-title={title} aria-label={`${tooltip}: ${title}`}>
+        <IconButton onClick={onClick} data-title={title} aria-label={`${tooltip}: ${content}`}>
           <Link title={''} />
         </IconButton>
       </Tooltip>