@ndla/ui 50.12.0 → 50.12.2

package/lib/Hero/HeroContent.d.ts

@@ -8,5 +8,5 @@
 /// <reference types="react" />
 export declare const HeroContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/NDLAFilm/filmStyles.d.ts

@@ -9,9 +9,9 @@
 export declare const setAnimations: () => any;
 export declare const StyledHeadingH1: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const StyledHeadingH2: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

package/lib/Search/ActiveFilterContent.d.ts

@@ -8,7 +8,7 @@
 /// <reference types="react" />
 export declare const StyledActiveFilterTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 interface Props {
     filter: {

package/lib/Search/ContentTypeResultStyles.d.ts

@@ -15,31 +15,31 @@ type inMenuProps = {
 };
 export declare const StyledNoHit: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & inMenuProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const showAllButtonStyle: import("@emotion/utils").SerializedStyles;
 export declare const tooltipStyle: import("@emotion/utils").SerializedStyles;
 export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 type StyledListItemProps = {
     delayAnimation?: boolean;
 };
 export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & StyledListItemProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const StyledList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & inMenuProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const StyledTag: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export {};

package/lib/SearchTypeResult/ActiveFilterContent.d.ts

@@ -8,7 +8,7 @@
 /// <reference types="react" />
 export declare const StyledActiveFilterTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export type FilterProps = {
     value: string;

package/lib/TagSelector/MenuList.d.ts

@@ -10,7 +10,7 @@ import { MenuListProps } from "react-select";
 import { TagType } from "./types";
 export declare const StyledMenuList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const MenuList: ({ innerProps, innerRef, children }: MenuListProps<TagType, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default MenuList;

package/lib/TagSelector/ValueButton.d.ts

@@ -13,7 +13,7 @@ interface StyledProps {
 }
 export declare const StyledValueButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & StyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const ValueButton: ({ innerProps, children, removeProps, isFocused }: MultiValueProps<TagType, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ValueButton;

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare const subjectCategories: typeof import("../model/SubjectCategories"), subjectTypes: typeof import("../model/SubjectTypes"), wordClass: typeof import("../model/WordClass");
 declare const messages: {
     common: {
         subject: string;
@@ -751,6 +750,7 @@ declare const messages: {
     save: string;
     photo: string;
     email: string;
+    finished: string;
     image: {
         altText: string;
         caption: string;
@@ -920,16 +920,12 @@ declare const messages: {
                 copyLink: string;
                 link: string;
                 header: {
-                    private: string;
                     shared: string;
-                    unShare: string;
                 };
                 description: {
                     copy: string;
                     private: string;
-                    private2: string;
                     shared: string;
-                    unShare: string;
                 };
                 button: {
                     share: string;

package/lib/locale/messages-en.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wordClass = exports.subjectTypes = exports.subjectCategories = exports.default = void 0;
+exports.default = void 0;
 var _licenses = require("@ndla/licenses");
 var _model = _interopRequireDefault(require("../model"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,9 +20,6 @@ const {
   subjectTypes,
   wordClass
 } = _model.default;
-exports.wordClass = wordClass;
-exports.subjectTypes = subjectTypes;
-exports.subjectCategories = subjectCategories;
 const titleTemplate = " - NDLA";
 const messages = {
   ..._licenses.contributorTypes.en,
@@ -770,6 +767,7 @@ const messages = {
   save: "Save",
   photo: "Photo",
   email: "Email",
+  finished: "Finished",
   image: {
     altText: "Alt-text",
     caption: "Caption",
@@ -939,16 +937,12 @@ const messages = {
         copyLink: "Copy link to folder",
         link: "Link is copied",
         header: {
-          private: "Do you want to share this folder?",
-          shared: "This folder is shared",
-          unShare: "Do you want to stop sharing this folder?"
+          shared: "This folder is shared"
         },
         description: {
           copy: "Press the link to copy",
           private: "When you share a folder, you create a link which is open to anyone who has the link. You can change the content or stop sharing whenever you want.",
-          private2: "When you share a folder you share all content within the folder, including subfolders and resources",
-          shared: "Now you can share this link to students or other teachers. If you make changes in the folder, they become visible to everybody you have shared the link with.",
-          unShare: "When you stop sharing, the link to the shared folder and potential subfolders is no longer active. If you have shared the link with someone, they can no longer see the content in the folder. This also applies to potential subfolders."
+          shared: "Now you can share this link to students or other teachers. If you make changes in the folder, they become visible to everybody you have shared the link with."
         },
         button: {
           share: "Share folder",

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare const subjectCategories: typeof import("../model/SubjectCategories"), subjectTypes: typeof import("../model/SubjectTypes"), wordClass: typeof import("../model/WordClass");
 declare const messages: {
     common: {
         subject: string;
@@ -751,6 +750,7 @@ declare const messages: {
     save: string;
     photo: string;
     email: string;
+    finished: string;
     image: {
         altText: string;
         caption: string;
@@ -920,16 +920,12 @@ declare const messages: {
                 copyLink: string;
                 link: string;
                 header: {
-                    private: string;
                     shared: string;
-                    unShare: string;
                 };
                 description: {
                     copy: string;
                     private: string;
-                    private2: string;
                     shared: string;
-                    unShare: string;
                 };
                 button: {
                     share: string;

package/lib/locale/messages-nb.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wordClass = exports.subjectTypes = exports.subjectCategories = exports.default = void 0;
+exports.default = void 0;
 var _licenses = require("@ndla/licenses");
 var _model = _interopRequireDefault(require("../model"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,9 +20,6 @@ const {
   subjectTypes,
   wordClass
 } = _model.default;
-exports.wordClass = wordClass;
-exports.subjectTypes = subjectTypes;
-exports.subjectCategories = subjectCategories;
 const titleTemplate = " - NDLA";
 const messages = {
   ..._licenses.contributorTypes.nb,
@@ -770,6 +767,7 @@ const messages = {
   save: "Lagre",
   photo: "Bilde",
   email: "E-post",
+  finished: "Ferdig",
   image: {
     altText: "Alt-tekst",
     caption: "Bildetekst",
@@ -939,16 +937,12 @@ const messages = {
         copyLink: "Kopier lenke til mappa",
         link: "Lenken er kopiert",
         header: {
-          private: "Vil du dele denne mappa?",
-          shared: "Denne mappa er delt.",
-          unShare: "Vil du avslutte deling av denne mappa?"
+          shared: "Denne mappa er delt"
         },
         description: {
           copy: "Trykk på lenke for å kopiere",
           private: "Når du deler ei mappe, lager du ei lenke som er åpen for alle som har lenka. Du kan endre innholdet eller avslutte delinga når du ønsker det. ",
-          private2: "Når du deler en mappe deler du alt innholdet i mappen, inkludert undermapper og ressurser",
-          shared: "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
-          unShare: "Når du avslutter deling, slutter lenka til den delte mappa og eventuelle undermapper å virke. Hvis du har delt lenka med noen, kan de ikke lenger se innholdet i mappa. Dette gjelder også lenker til eventuelle undermapper."
+          shared: "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med."
         },
         button: {
           share: "Del mappe",

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare const subjectCategories: typeof import("../model/SubjectCategories"), subjectTypes: typeof import("../model/SubjectTypes"), wordClass: typeof import("../model/WordClass");
 declare const messages: {
     common: {
         subject: string;
@@ -751,6 +750,7 @@ declare const messages: {
     save: string;
     photo: string;
     email: string;
+    finished: string;
     image: {
         altText: string;
         caption: string;
@@ -920,16 +920,12 @@ declare const messages: {
                 link: string;
                 copyLink: string;
                 header: {
-                    private: string;
                     shared: string;
-                    unShare: string;
                 };
                 description: {
                     copy: string;
                     private: string;
-                    private2: string;
                     shared: string;
-                    unShare: string;
                 };
                 button: {
                     share: string;

package/lib/locale/messages-nn.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wordClass = exports.subjectTypes = exports.subjectCategories = exports.default = void 0;
+exports.default = void 0;
 var _licenses = require("@ndla/licenses");
 var _model = _interopRequireDefault(require("../model"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,9 +20,6 @@ const {
   subjectTypes,
   wordClass
 } = _model.default;
-exports.wordClass = wordClass;
-exports.subjectTypes = subjectTypes;
-exports.subjectCategories = subjectCategories;
 const titleTemplate = " - NDLA";
 const messages = {
   ..._licenses.contributorTypes.nn,
@@ -286,7 +283,7 @@ const messages = {
     resources: "Dette er ikkje eit komplett læremiddel, men ei ressurssamling som vi håper kan vere nyttig for deg.",
     subjectOutdated: "Dette faget følgjer ein utgått læreplan.",
     subjectFuture: "Dette faget følgjer ein kommande læreplan.",
-    subjectBeta: "Dette faget er i betaversjon. Vi fyller på med ressurser fortløpande.",
+    subjectBeta: "Dette faget er i betaversjon. Vi fyller på med ressursar fortløpande.",
     newVersion: "Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: ",
     frontPageBeta: "Kommande fag er tilpassa ny læreplan som gjeld frå neste skuleår. Vi håper likevel at læringsressursane i kommande fag kan vere nyttige allereie no.",
     frontPageExpired: "Utgåtte fag blir det ikkje undervist i lenger, men det kan framleis vere mogleg å ta eksamen i faget som privatist."
@@ -770,6 +767,7 @@ const messages = {
   save: "Lagre",
   photo: "Bilete",
   email: "E-post",
+  finished: "Ferdig",
   image: {
     altText: "Alt-tekst",
     caption: "Bilettekst",
@@ -939,16 +937,12 @@ const messages = {
         link: "Lenka er kopiert",
         copyLink: "Kopier lenke til mappa",
         header: {
-          private: "Vil du dele denne mappa?",
-          shared: "Denne mappa er delt",
-          unShare: "Vil du avslutte deling av denne mappa?"
+          shared: "Denne mappa er delt"
         },
         description: {
           copy: "Trykk på lenke for å kopiere",
           private: "Når du deler ei mappe, lagar du ei lenke som er open for alle som har lenka. Du kan endre innhaldet eller avslutte delinga når du ønsker det.",
-          private2: "Når du deler ei mappe deler du alt innhaldet i mappa, inkludert undermapper og ressursar",
-          shared: "No kan du dele denne lenka med elevar eller andre lærarar. Dersom du gjer endringar i mappa, blir dei synlege for alle du har delt lenka med.",
-          unShare: "Når du avsluttar deling, sluttar lenka til den delte mappa og eventuelle undermapper å verke. Dersom du har delt lenka med nokon, kan dei ikkje lenger sjå innhaldet i mappa. Dette gjelder òg lenker til eventuelle undermapper."
+          shared: "No kan du dele denne lenka med elevar eller andre lærarar. Dersom du gjer endringar i mappa, blir dei synlege for alle du har delt lenka med."
         },
         button: {
           share: "Del mappe",

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare const subjectCategories: typeof import("../model/SubjectCategories"), subjectTypes: typeof import("../model/SubjectTypes"), wordClass: typeof import("../model/WordClass");
 declare const messages: {
     common: {
         subject: string;
@@ -751,6 +750,7 @@ declare const messages: {
     save: string;
     photo: string;
     email: string;
+    finished: string;
     image: {
         altText: string;
         caption: string;
@@ -920,16 +920,12 @@ declare const messages: {
                 copyLink: string;
                 link: string;
                 header: {
-                    private: string;
                     shared: string;
-                    unShare: string;
                 };
                 description: {
                     copy: string;
                     private: string;
-                    private2: string;
                     shared: string;
-                    unShare: string;
                 };
                 button: {
                     share: string;

package/lib/locale/messages-se.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wordClass = exports.subjectTypes = exports.subjectCategories = exports.default = void 0;
+exports.default = void 0;
 var _licenses = require("@ndla/licenses");
 var _model = _interopRequireDefault(require("../model"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,9 +20,6 @@ const {
   subjectTypes,
   wordClass
 } = _model.default;
-exports.wordClass = wordClass;
-exports.subjectTypes = subjectTypes;
-exports.subjectCategories = subjectCategories;
 const titleTemplate = " - NDLA";
 const messages = {
   ..._licenses.contributorTypes.se,
@@ -770,6 +767,7 @@ const messages = {
   save: "Vurke",
   photo: "Govva",
   email: "E-boasta",
+  finished: "Ferdig",
   image: {
     altText: "Molssaevttolaš teaksta",
     caption: "Govvateaksta",
@@ -939,16 +937,12 @@ const messages = {
         copyLink: "Kopier lenke til mappa",
         link: "Lenken er kopiert",
         header: {
-          private: "Vil du dele denne mappa?",
-          shared: "Denne mappa er delt.",
-          unShare: "Vil du avslutte deling av denne mappa?"
+          shared: "Denne mappa er delt"
         },
         description: {
           copy: "Trykk på lenke for å kopiere",
           private: "Når du deler ei mappe, lager du ei lenke som er åpen for alle som har lenka. Du kan endre innholdet eller avslutte delinga når du ønsker det. ",
-          private2: "Når du deler en mappe deler du alt innholdet i mappen, inkludert undermapper og ressurser",
-          shared: "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
-          unShare: "Når du avslutter deling, slutter lenka til den delte mappa og eventuelle undermapper å virke. Hvis du har delt lenka med noen, kan de ikke lenger se innholdet i mappa. Dette gjelder også lenker til eventuelle undermapper."
+          shared: "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med."
         },
         button: {
           share: "Del mappe",

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare const subjectCategories: typeof import("../model/SubjectCategories"), subjectTypes: typeof import("../model/SubjectTypes"), wordClass: typeof import("../model/WordClass");
 declare const messages: {
     common: {
         subject: string;
@@ -751,6 +750,7 @@ declare const messages: {
     save: string;
     photo: string;
     email: string;
+    finished: string;
     image: {
         altText: string;
         caption: string;
@@ -920,16 +920,12 @@ declare const messages: {
                 copyLink: string;
                 link: string;
                 header: {
-                    private: string;
                     shared: string;
-                    unShare: string;
                 };
                 description: {
                     copy: string;
                     private: string;
-                    private2: string;
                     shared: string;
-                    unShare: string;
                 };
                 button: {
                     share: string;

package/lib/locale/messages-sma.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wordClass = exports.subjectTypes = exports.subjectCategories = exports.default = void 0;
+exports.default = void 0;
 var _licenses = require("@ndla/licenses");
 var _model = _interopRequireDefault(require("../model"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,9 +20,6 @@ const {
   subjectTypes,
   wordClass
 } = _model.default;
-exports.wordClass = wordClass;
-exports.subjectTypes = subjectTypes;
-exports.subjectCategories = subjectCategories;
 const titleTemplate = " - NDLA";
 const messages = {
   ..._licenses.contributorTypes.nb,
@@ -770,6 +767,7 @@ const messages = {
   save: "Vöörhkh",
   photo: "Bilde",
   email: "E-post",
+  finished: "Ferdig",
   image: {
     altText: "Alt-tekst",
     caption: "Bildetekst",
@@ -939,16 +937,12 @@ const messages = {
         copyLink: "Kopier lenke til mappa",
         link: "Lenken er kopiert",
         header: {
-          private: "Vil du dele denne mappa?",
-          shared: "Denne mappa er delt.",
-          unShare: "Vil du avslutte deling av denne mappa?"
+          shared: "Denne mappa er delt"
         },
         description: {
           copy: "Trykk på lenke for å kopiere",
           private: "Når du deler ei mappe, lager du ei lenke som er åpen for alle som har lenka. Du kan endre innholdet eller avslutte delinga når du ønsker det. ",
-          private2: "Når du deler en mappe deler du alt innholdet i mappen, inkludert undermapper og ressurser",
-          shared: "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
-          unShare: "Når du avslutter deling, slutter lenka til den delte mappa og eventuelle undermapper å virke. Hvis du har delt lenka med noen, kan de ikke lenger se innholdet i mappa. Dette gjelder også lenker til eventuelle undermapper."
+          shared: "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med."
         },
         button: {
           share: "Del mappe",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "50.12.0",
+  "version": "50.12.2",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,23 +31,23 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^3.0.35",
-    "@ndla/button": "^12.0.38",
-    "@ndla/carousel": "^4.0.36",
-    "@ndla/core": "^4.5.0",
-    "@ndla/dropdown-menu": "^1.0.31",
-    "@ndla/forms": "^7.0.7",
+    "@ndla/accordion": "^3.0.36",
+    "@ndla/button": "^12.0.39",
+    "@ndla/carousel": "^4.0.37",
+    "@ndla/core": "^4.5.1",
+    "@ndla/dropdown-menu": "^1.0.32",
+    "@ndla/forms": "^7.0.8",
     "@ndla/hooks": "^2.1.5",
-    "@ndla/icons": "^6.0.0",
+    "@ndla/icons": "^6.0.1",
     "@ndla/licenses": "^7.2.5",
-    "@ndla/modal": "^5.0.35",
-    "@ndla/notion": "^6.0.36",
-    "@ndla/safelink": "^5.0.0",
-    "@ndla/select": "^3.3.10",
-    "@ndla/switch": "^1.1.37",
-    "@ndla/tabs": "^4.0.0",
-    "@ndla/tooltip": "^7.0.0",
-    "@ndla/typography": "^0.4.14",
+    "@ndla/modal": "^5.0.36",
+    "@ndla/notion": "^6.0.37",
+    "@ndla/safelink": "^5.0.1",
+    "@ndla/select": "^3.3.11",
+    "@ndla/switch": "^1.1.38",
+    "@ndla/tabs": "^4.0.1",
+    "@ndla/tooltip": "^7.0.1",
+    "@ndla/typography": "^0.4.15",
     "@ndla/util": "^4.0.4",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slider": "^1.1.2",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5a808c292eb3b4ca8281c1084930c7316051a375"
+  "gitHead": "21b9014880a040dbb995448eb196299753d5be4b"
 }

package/src/Embed/ConceptEmbed.tsx

@@ -10,6 +10,7 @@ import parse from "html-react-parser";
 import { ReactElement, ReactNode, useCallback, useMemo, useRef, useState } from "react";
 import { isMobile } from "react-device-detect";
 import { useTranslation } from "react-i18next";
+import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { Root, Trigger, Content, Anchor, Close, Portal } from "@radix-ui/react-popover";
 import { IconButtonV2 } from "@ndla/button";
@@ -176,23 +177,15 @@ interface InlineConceptProps extends ConceptNotionData {
   exampleLangs?: string;
 }
 
-const BaselineIcon = styled.span`
-  display: block;
-  border-bottom: 5px double currentColor;
-`;
-
-const NotionButton = styled.button`
+const NotionButton = styled.span`
   background: none;
   border: none;
   font-family: inherit;
   font-style: inherit;
   line-height: 1em;
-  padding: 0 0 4px 0;
-  margin-bottom: -4px;
   text-decoration: none;
   position: relative;
   text-align: left;
-  display: inline;
   color: ${colors.concept.text};
   cursor: pointer;
   &:focus,
@@ -201,10 +194,9 @@ const NotionButton = styled.button`
   &[data-open="true"] {
     color: ${colors.concept.text};
     background-color: ${colors.concept.light};
-    [data-baseline-icon] {
-      border-color: currentColor;
-    }
   }
+  display: inline;
+  border-bottom: 5px double currentColor;
 `;
 
 const StyledAnchor = styled(Anchor)`
@@ -262,12 +254,11 @@ export const InlineConcept = ({
   return (
     <Root modal={isMobile} onOpenChange={onOpenChange}>
       <StyledAnchor ref={anchorRef} asChild>
-        <StyledAnchorSpan />
+        <StyledAnchorSpan contentEditable={false} />
       </StyledAnchor>
-      <Trigger asChild>
-        <NotionButton data-open={modalPos !== -9999}>
+      <Trigger asChild type={undefined}>
+        <NotionButton role={"button"} data-open={modalPos !== -9999} tabIndex={0}>
           {linkText}
-          {<BaselineIcon data-baseline-icon />}
         </NotionButton>
       </Trigger>
       <Portal container={(anchorRef.current?.closest(".c-article") as HTMLElement | null) || undefined}>

package/src/LetterFilter/LetterFilter.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { useArgs } from "@storybook/client-api";
+import { useArgs } from "@storybook/preview-api";
 import { Meta, StoryFn } from "@storybook/react";
 import LetterFilter from "./LetterFilter";
 import { defaultParameters } from "../../../../stories/defaults";