@ndla/ui 30.2.0 → 30.2.1

package/lib/Programme/Programme.d.ts

@@ -5,5 +5,5 @@ declare type Props = GradesProps & {
     messageBoxText?: string;
     headingId?: string;
 };
-export declare const Programme: ({ heading, image, grades, selectedGrade, onChangeGrade, messageBoxText, headingId, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const Programme: ({ heading, image, grades, selectedGrade, onChangeGrade, messageBoxText, headingId, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Programme;

package/lib/Programme/ProgrammeSubjects.d.ts

@@ -23,5 +23,5 @@ export declare type GradesProps = {
 declare type Props = GradesProps & {
     onNavigate?: () => void;
 };
-declare const ProgrammeSubjects: ({ grades, onNavigate, onChangeGrade, selectedGrade }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ProgrammeSubjects: ({ grades, onNavigate, onChangeGrade, selectedGrade }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ProgrammeSubjects;

package/lib/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -24,6 +24,6 @@ declare class RadioButtonGroup extends Component<Props, State> {
     private readonly uuid?;
     constructor(props: Props);
     handleOnChange(e: ChangeEvent<HTMLInputElement>): void;
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export default RadioButtonGroup;

package/lib/RelatedArticleList/RelatedArticleList.d.ts

@@ -8,7 +8,7 @@ interface RelatedArticleProps {
     linkInfo?: string;
     target?: string;
 }
-export declare const RelatedArticle: ({ title, introduction, icon, modifier, to, linkInfo, target, }: RelatedArticleProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const RelatedArticle: ({ title, introduction, icon, modifier, to, linkInfo, target, }: RelatedArticleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 interface Props {
     messages: {
         title: string;
@@ -21,5 +21,5 @@ interface Props {
     };
     articleCount?: number;
 }
-declare const RelatedArticleList: ({ messages, children, articleCount, dangerouslySetInnerHTML }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const RelatedArticleList: ({ messages, children, articleCount, dangerouslySetInnerHTML }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default RelatedArticleList;

package/lib/Resource/BlockResource.d.ts

@@ -24,5 +24,5 @@ interface Props {
         name: string;
     }[];
 }
-declare const BlockResource: ({ id, link, tagLinkPrefix, title, tags, resourceImage, description, menuItems, isLoading, headingLevel, targetBlank, resourceTypes, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const BlockResource: ({ id, link, tagLinkPrefix, title, tags, resourceImage, description, menuItems, isLoading, headingLevel, targetBlank, resourceTypes, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BlockResource;

package/lib/Resource/ListResource.d.ts

@@ -24,5 +24,5 @@ export interface ListResourceProps {
     isLoading?: boolean;
     targetBlank?: boolean;
 }
-declare const ListResource: ({ id, link, tagLinkPrefix, title, tags, resourceImage, resourceTypes, headingLevel, description, menuItems, isLoading, targetBlank, }: ListResourceProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ListResource: ({ id, link, tagLinkPrefix, title, tags, resourceImage, resourceTypes, headingLevel, description, menuItems, isLoading, targetBlank, }: ListResourceProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ListResource;

package/lib/Resource/resourceComponents.d.ts

@@ -10,23 +10,23 @@ export interface ResourceImageProps {
     alt: string;
     src: string;
 }
-export declare const ResourceTitleLink: import("@emotion/styled").StyledComponent<Pick<import("@ndla/safelink").SafeLinkProps, "replace" | "media" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "target" | "type" | "role" | "tabIndex" | "to" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "referrerPolicy" | "rel" | "download" | "ping" | "state" | "reloadDocument" | "showNewWindowIcon" | "asAnchor"> & React.RefAttributes<HTMLAnchorElement> & {
+export declare const ResourceTitleLink: import("@emotion/styled").StyledComponent<Pick<import("@ndla/safelink").SafeLinkProps, "replace" | "type" | "id" | "media" | "state" | "color" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "download" | "hrefLang" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "to" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "rel" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ping" | "referrerPolicy" | "reloadDocument" | "showNewWindowIcon" | "asAnchor"> & React.RefAttributes<HTMLAnchorElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ResourceTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const Row: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ContentIconProps {
     contentType: string;
 }
 export declare const StyledContentIconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: React.ElementType<any> | undefined;
 } & ContentIconProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 interface TagListProps {
     tags?: string[];
@@ -36,17 +36,17 @@ export interface LoaderProps {
     loading?: boolean;
     children?: ReactNode;
 }
-export declare const TagList: ({ tags, tagLinkPrefix }: TagListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+export declare const TagList: ({ tags, tagLinkPrefix }: TagListProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 interface CompressedTagListProps {
     tags: string[];
     tagLinkPrefix?: string;
 }
-export declare const CompressedTagList: ({ tags, tagLinkPrefix }: CompressedTagListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const CompressedTagList: ({ tags, tagLinkPrefix }: CompressedTagListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 interface ResourceTypeListProps {
     resourceTypes?: {
         id: string;
         name: string;
     }[];
 }
-export declare const ResourceTypeList: ({ resourceTypes }: ResourceTypeListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+export declare const ResourceTypeList: ({ resourceTypes }: ResourceTypeListProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/ResourceBox/ResourceBox.d.ts

@@ -8,5 +8,5 @@ interface Props {
     caption: string;
     url: string;
 }
-export declare const ResourceBox: ({ image, title, caption, url }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const ResourceBox: ({ image, title, caption, url }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ResourceBox;

package/lib/ResourceGroup/ResourceGroup.d.ts

@@ -12,5 +12,5 @@ declare type Props = {
     toggleAdditionalResources: () => void;
     heartButton?: (path: string) => ReactNode;
 };
-declare const ResourceGroup: ({ title, resources, showAdditionalResources, toggleAdditionalResources, contentType, invertedStyle, heartButton, }: Props & ResourceListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResourceGroup: ({ title, resources, showAdditionalResources, toggleAdditionalResources, contentType, invertedStyle, heartButton, }: Props & ResourceListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ResourceGroup;

package/lib/ResourceGroup/ResourceItem.d.ts

@@ -17,5 +17,5 @@ declare type Props = {
     access?: 'teacher';
     heartButton?: (path: string) => ReactNode;
 };
-declare const ResourceItem: ({ id, contentTypeName, contentTypeDescription, name, path, contentType, active, additional, extraBottomMargin, showAdditionalResources, access, heartButton, }: Props & Resource) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResourceItem: ({ id, contentTypeName, contentTypeDescription, name, path, contentType, active, additional, extraBottomMargin, showAdditionalResources, access, heartButton, }: Props & Resource) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ResourceItem;

package/lib/ResourceGroup/ResourceList.d.ts

@@ -15,5 +15,5 @@ export declare type ResourceListProps = {
     showAdditionalResources?: boolean;
     heartButton?: (path: string) => ReactNode;
 };
-declare const ResourceList: ({ resources, onClick, contentType, title, showAdditionalResources, heartButton, }: ResourceListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResourceList: ({ resources, onClick, contentType, title, showAdditionalResources, heartButton, }: ResourceListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ResourceList;

package/lib/ResourcesWrapper/ResourcesTitle.d.ts

@@ -9,5 +9,5 @@ import { ReactNode } from 'react';
 interface Props {
     children: ReactNode;
 }
-declare const ResourceTitle: ({ children }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResourceTitle: ({ children }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ResourceTitle;

package/lib/ResourcesWrapper/ResourcesTopicTitle.d.ts

@@ -9,5 +9,5 @@ interface Props {
         additionalFilterLabel: string;
     };
 }
-declare const ResourcesTopicTitle: ({ title, hasAdditionalResources, toggleAdditionalResources, showAdditionalResources, messages, invertedStyle, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResourcesTopicTitle: ({ title, hasAdditionalResources, toggleAdditionalResources, showAdditionalResources, messages, invertedStyle, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ResourcesTopicTitle;

package/lib/ResourcesWrapper/ResourcesWrapper.d.ts

@@ -14,5 +14,5 @@ interface Props {
     subjectPage?: boolean;
     id?: string;
 }
-declare const ResourcesWrapper: ({ children, header, subjectPage, id }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResourcesWrapper: ({ children, header, subjectPage, id }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ResourcesWrapper;

package/lib/Search/ActiveFilterContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export declare const StyledActiveFilterTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 interface Props {
     filter: {
@@ -12,5 +12,5 @@ interface Props {
     onFilterRemove: (value: string, filterName?: string) => void;
     ariaLabel: string;
 }
-declare const ActiveFilterContent: ({ filter, onFilterRemove, ariaLabel }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ActiveFilterContent: ({ filter, onFilterRemove, ariaLabel }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ActiveFilterContent;

package/lib/Search/ActiveFilters.d.ts

@@ -8,5 +8,5 @@ interface Props {
     onFilterRemove: (value: string, filterName?: string) => void;
     showOnSmallScreen?: boolean;
 }
-declare const ActiveFilters: ({ filters, onFilterRemove, showOnSmallScreen }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+declare const ActiveFilters: ({ filters, onFilterRemove, showOnSmallScreen }: Props) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default ActiveFilters;

package/lib/Search/ContentTypeResult.d.ts

@@ -18,5 +18,5 @@ declare type Props = {
     animateList?: number;
     unGrouped?: boolean;
 };
-declare const ContentTypeResult: ({ contentTypeResult, onNavigate, defaultCount, resourceToLinkProps, showAdditionalResources, messages, ignoreContentTypeBadge, keyboardPathNavigation, inMenu, animateList, unGrouped, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ContentTypeResult: ({ contentTypeResult, onNavigate, defaultCount, resourceToLinkProps, showAdditionalResources, messages, ignoreContentTypeBadge, keyboardPathNavigation, inMenu, animateList, unGrouped, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ContentTypeResult;

package/lib/Search/ContentTypeResultStyles.d.ts

@@ -8,31 +8,31 @@ declare type inMenuProps = {
 };
 export declare const StyledNoHit: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+    as?: import("react").ElementType<any> | 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?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 declare type StyledListItemProps = {
     delayAnimation?: boolean;
 };
 export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+    as?: import("react").ElementType<any> | 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?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+    as?: import("react").ElementType<any> | 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?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export {};

package/lib/Search/LoadingWrapper.d.ts

@@ -1,5 +1,5 @@
 declare type Props = {
     value: string;
 };
-declare const LoadingWrapper: ({ value }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const LoadingWrapper: ({ value }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default LoadingWrapper;

package/lib/Search/SearchField.d.ts

@@ -15,5 +15,5 @@ interface Props {
     inputRef?: RefObject<HTMLInputElement>;
     frontPageSearch?: boolean;
 }
-declare const SearchField: ({ placeholder, value, onChange, filters, onClick, onFocus, onBlur, loading, onFilterRemove, inputRef, frontPageSearch, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const SearchField: ({ placeholder, value, onChange, filters, onClick, onFocus, onBlur, loading, onFilterRemove, inputRef, frontPageSearch, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default SearchField;

package/lib/Search/SearchFieldForm.d.ts

@@ -4,5 +4,5 @@ interface Props {
     inputHasFocus?: boolean;
     onSubmit?: (event: FormEvent) => void;
 }
-export declare const SearchFieldForm: ({ children, inputHasFocus, onSubmit }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const SearchFieldForm: ({ children, inputHasFocus, onSubmit }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/lib/Search/SearchResult.d.ts

@@ -27,10 +27,10 @@ interface SearchResultItemProps {
     additionalContentTooltip: string;
     item: ItemType;
 }
-export declare const SearchResultItem: ({ item, subjectsLabel, additionalContentTooltip, children, }: SearchResultItemProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const SearchResultItem: ({ item, subjectsLabel, additionalContentTooltip, children, }: SearchResultItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 interface SearchResultListProps {
     loading?: boolean;
     results?: ItemType[];
 }
-export declare const SearchResultList: ({ results, loading }: SearchResultListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const SearchResultList: ({ results, loading }: SearchResultListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/lib/Search/SearchResultSleeve.d.ts

@@ -14,5 +14,5 @@ declare type Props = {
     suggestion?: string;
     suggestionUrl?: string;
 };
-declare const SearchResultSleeve: ({ result, allResultUrl, resourceToLinkProps, onNavigate, infoText, ignoreContentTypeBadge, searchString, loading, frontpage, suggestion, suggestionUrl, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const SearchResultSleeve: ({ result, allResultUrl, resourceToLinkProps, onNavigate, infoText, ignoreContentTypeBadge, searchString, loading, frontpage, suggestion, suggestionUrl, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default SearchResultSleeve;

package/lib/Search/ToggleSearchButton.d.ts

@@ -11,5 +11,5 @@ interface Props extends ButtonProps {
     hideOnWideScreen?: boolean;
     ndlaFilm?: boolean;
 }
-declare const ToggleSearchButton: ({ children, ndlaFilm, hideOnNarrowScreen, hideOnWideScreen, ...rest }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ToggleSearchButton: ({ children, ndlaFilm, hideOnNarrowScreen, hideOnWideScreen, ...rest }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ToggleSearchButton;

package/lib/SearchTypeResult/ActiveFilterContent.d.ts

@@ -6,10 +6,9 @@
  *
  */
 import React from 'react';
-import { WithTranslation } from 'react-i18next';
 export declare const StyledActiveFilterTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare type FilterProps = {
     value: string;
@@ -20,5 +19,5 @@ declare type Props = {
     filter: FilterProps;
     onFilterRemove: (value: string, name: string) => void;
 };
-declare const _default: React.ComponentType<Pick<Pick<Props & WithTranslation<"translation", undefined>, "filter" | "t" | "tReady" | "onFilterRemove">, "filter" | "onFilterRemove"> & import("react-i18next").WithTranslationProps>;
-export default _default;
+declare const ActiveFilterContent: ({ filter, onFilterRemove }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ActiveFilterContent;

package/lib/SearchTypeResult/ActiveFilterContent.js

@@ -26,7 +26,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 var StyledActiveFilterTitle = /*#__PURE__*/(0, _base["default"])("span", {
   target: "e90waln1",
   label: "StyledActiveFilterTitle"
-})("white-space:nowrap;padding-right:", _core.spacing.small, ";font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrRCIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIwLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBXaXRoVHJhbnNsYXRpb24sIHdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuYDtcblxuZXhwb3J0IHR5cGUgRmlsdGVyUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbn07XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGZpbHRlcjogRmlsdGVyUHJvcHM7XG4gIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgbmFtZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9ICh7IGZpbHRlciwgb25GaWx0ZXJSZW1vdmUsIHQgfTogUHJvcHMgJiBXaXRoVHJhbnNsYXRpb24pID0+IChcbiAgPFN0eWxlZEJ1dHRvblxuICAgIGFyaWEtbGFiZWw9e3QoJ3NlYXJjaFBhZ2Uuc2VhcmNoRmlsdGVyTWVzc2FnZXMucmVtb3ZlRmlsdGVyJywge1xuICAgICAgZmlsdGVyTmFtZTogZmlsdGVyLnRpdGxlLFxuICAgIH0pfVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIHNpemU9XCJub3JtYWxcIlxuICAgIGJvcmRlclNoYXBlPVwicm91bmRlZFwiXG4gICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIubmFtZSl9PlxuICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgPENyb3NzIC8+XG4gIDwvU3R5bGVkQnV0dG9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoQWN0aXZlRmlsdGVyQ29udGVudCk7XG4iXX0= */"));
+})("white-space:nowrap;padding-right:", _core.spacing.small, ";font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrRCIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIwLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuYDtcblxuZXhwb3J0IHR5cGUgRmlsdGVyUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbn07XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGZpbHRlcjogRmlsdGVyUHJvcHM7XG4gIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgbmFtZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9ICh7IGZpbHRlciwgb25GaWx0ZXJSZW1vdmUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGFyaWEtbGFiZWw9e3QoJ3NlYXJjaFBhZ2Uuc2VhcmNoRmlsdGVyTWVzc2FnZXMucmVtb3ZlRmlsdGVyJywge1xuICAgICAgICBmaWx0ZXJOYW1lOiBmaWx0ZXIudGl0bGUsXG4gICAgICB9KX1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgc2l6ZT1cIm5vcm1hbFwiXG4gICAgICBib3JkZXJTaGFwZT1cInJvdW5kZWRcIlxuICAgICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIubmFtZSl9PlxuICAgICAgPFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPntmaWx0ZXIudGl0bGV9PC9TdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT5cbiAgICAgIDxDcm9zcyAvPlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aXZlRmlsdGVyQ29udGVudDtcbiJdfQ== */"));
 exports.StyledActiveFilterTitle = StyledActiveFilterTitle;
 var StyledButton = /*#__PURE__*/(0, _base["default"])(_button["default"], {
   target: "e90waln0",
@@ -37,14 +37,17 @@ var StyledButton = /*#__PURE__*/(0, _base["default"])(_button["default"], {
 } : {
   name: "1uffw4e",
   styles: "display:grid;grid-template-columns:1fr auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkLnNwYW5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbmA7XG5cbmV4cG9ydCB0eXBlIEZpbHRlclByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIFByb3BzID0ge1xuICBmaWx0ZXI6IEZpbHRlclByb3BzO1xuICBvbkZpbHRlclJlbW92ZTogKHZhbHVlOiBzdHJpbmcsIG5hbWU6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEFjdGl2ZUZpbHRlckNvbnRlbnQgPSAoeyBmaWx0ZXIsIG9uRmlsdGVyUmVtb3ZlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxTdHlsZWRCdXR0b25cbiAgICBhcmlhLWxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpbHRlck1lc3NhZ2VzLnJlbW92ZUZpbHRlcicsIHtcbiAgICAgIGZpbHRlck5hbWU6IGZpbHRlci50aXRsZSxcbiAgICB9KX1cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBzaXplPVwibm9ybWFsXCJcbiAgICBib3JkZXJTaGFwZT1cInJvdW5kZWRcIlxuICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLm5hbWUpfT5cbiAgICA8U3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+e2ZpbHRlci50aXRsZX08L1N0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPlxuICAgIDxDcm9zcyAvPlxuICA8L1N0eWxlZEJ1dHRvbj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKEFjdGl2ZUZpbHRlckNvbnRlbnQpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkLnNwYW5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbmA7XG5cbmV4cG9ydCB0eXBlIEZpbHRlclByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIFByb3BzID0ge1xuICBmaWx0ZXI6IEZpbHRlclByb3BzO1xuICBvbkZpbHRlclJlbW92ZTogKHZhbHVlOiBzdHJpbmcsIG5hbWU6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEFjdGl2ZUZpbHRlckNvbnRlbnQgPSAoeyBmaWx0ZXIsIG9uRmlsdGVyUmVtb3ZlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICBhcmlhLWxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpbHRlck1lc3NhZ2VzLnJlbW92ZUZpbHRlcicsIHtcbiAgICAgICAgZmlsdGVyTmFtZTogZmlsdGVyLnRpdGxlLFxuICAgICAgfSl9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHNpemU9XCJub3JtYWxcIlxuICAgICAgYm9yZGVyU2hhcGU9XCJyb3VuZGVkXCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLm5hbWUpfT5cbiAgICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgICA8Q3Jvc3MgLz5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
 var ActiveFilterContent = function ActiveFilterContent(_ref) {
   var filter = _ref.filter,
-      onFilterRemove = _ref.onFilterRemove,
-      t = _ref.t;
+      onFilterRemove = _ref.onFilterRemove;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
   return (0, _jsxRuntime.jsxs)(StyledButton, {
     "aria-label": t('searchPage.searchFilterMessages.removeFilter', {
       filterName: filter.title
@@ -61,6 +64,5 @@ var ActiveFilterContent = function ActiveFilterContent(_ref) {
   });
 };
 
-var _default = (0, _reactI18next.withTranslation)()(ActiveFilterContent);
-
+var _default = ActiveFilterContent;
 exports["default"] = _default;

package/lib/SearchTypeResult/ActiveFilters.d.ts

@@ -14,5 +14,5 @@ declare type Props = {
     customElements?: ReactElement[];
     onClickShowHiddenSubjects: () => void;
 };
-declare const ActiveFilters: ({ filters, onFilterRemove, showOnSmallScreen, customElements, onClickShowHiddenSubjects, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+declare const ActiveFilters: ({ filters, onFilterRemove, showOnSmallScreen, customElements, onClickShowHiddenSubjects, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default ActiveFilters;

package/lib/SearchTypeResult/PopupFilter.d.ts

@@ -24,5 +24,5 @@ export declare type PopupFilterProps = {
     onToggleProgramme: (value: string) => void;
     isOpen: boolean;
 };
-declare const PopupFilter: ({ programmes, subjectCategories, subjectValues, programmesValues, onToggleSubject, onToggleProgramme, onClose, isOpen, }: PopupFilterProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const PopupFilter: ({ programmes, subjectCategories, subjectValues, programmesValues, onToggleSubject, onToggleProgramme, onClose, isOpen, }: PopupFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default PopupFilter;

package/lib/SearchTypeResult/ResultNavigation.d.ts

@@ -11,5 +11,5 @@ export declare type PaginationType = {
     toCount: number;
     contentType?: string;
 };
-declare const ResultNavigation: ({ onShowMore, totalCount, toCount, contentType }: PaginationType) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResultNavigation: ({ onShowMore, totalCount, toCount, contentType }: PaginationType) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ResultNavigation;

package/lib/SearchTypeResult/SearchFieldHeader.d.ts

@@ -13,5 +13,5 @@ declare type Props = {
     onChange: (value: string) => void;
     isNarrowScreen?: boolean;
 };
-declare const SearchFieldHeader: ({ value, onSubmit, onChange, filters, activeFilters, isNarrowScreen, }: Props & SubjectFilterProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const SearchFieldHeader: ({ value, onSubmit, onChange, filters, activeFilters, isNarrowScreen, }: Props & SubjectFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default SearchFieldHeader;

package/lib/SearchTypeResult/SearchFilterContent.d.ts

@@ -12,5 +12,5 @@ declare type Props = {
     onFilterToggle: FilterButtonsProps['onFilterToggle'];
     onRemoveAllFilters: FilterButtonsProps['onRemoveAllFilters'];
 };
-declare const SearchFilterContent: ({ viewType, onChangeViewType, items, onFilterToggle, onRemoveAllFilters, }: SearchViewTypeProps & Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const SearchFilterContent: ({ viewType, onChangeViewType, items, onFilterToggle, onRemoveAllFilters, }: SearchViewTypeProps & Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default SearchFilterContent;

package/lib/SearchTypeResult/SearchHeader.d.ts

@@ -5,8 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React, { FormEvent } from 'react';
-import { WithTranslation } from 'react-i18next';
+import { FormEvent } from 'react';
 import { CompetenceGoalsItemType } from '../types';
 import { SubjectFilterProps } from './components/SubjectFilters';
 declare type Props = {
@@ -21,5 +20,5 @@ declare type Props = {
     onSubmit: (event: FormEvent<HTMLFormElement>) => void;
     noResults?: boolean;
 };
-declare const _default: React.ComponentType<Pick<Pick<Props & WithTranslation<"translation", undefined>, "onSubmit" | "t" | "tReady" | "competenceGoals" | "filters" | "activeFilters" | "searchPhrase" | "searchPhraseSuggestion" | "searchPhraseSuggestionOnClick" | "searchValue" | "onSearchValueChange" | "noResults">, "onSubmit" | "competenceGoals" | "filters" | "activeFilters" | "searchPhrase" | "searchPhraseSuggestion" | "searchPhraseSuggestionOnClick" | "searchValue" | "onSearchValueChange" | "noResults"> & import("react-i18next").WithTranslationProps>;
-export default _default;
+declare const SearchHeader: ({ searchPhrase, searchPhraseSuggestion, searchPhraseSuggestionOnClick, searchValue, onSearchValueChange, onSubmit, activeFilters, filters, competenceGoals, noResults, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SearchHeader;