@ndla/ui 30.1.0 → 30.2.1

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;