@ndla/ui 29.0.0 → 30.0.0

package/lib/MyNdla/Resource/FolderInput.d.ts

@@ -12,5 +12,5 @@ interface Props extends ComponentProps<typeof InputV2> {
     onClose?: () => void;
     onSave: () => void;
 }
-declare const FolderInput: React.ForwardRefExoticComponent<Pick<Props, "max" | "required" | "default" | "high" | "low" | "disabled" | "error" | "start" | "open" | "media" | "loading" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "white" | "content" | "size" | "wrap" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "key" | "list" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "css" | "headers" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "shape" | "preload" | "action" | "href" | "download" | "hrefLang" | "rel" | "target" | "as" | "min" | "selected" | "method" | "crossOrigin" | "classID" | "useMap" | "wmode" | "integrity" | "sizes" | "charSet" | "kind" | "srcLang" | "alt" | "coords" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "dateTime" | "onClose" | "acceptCharset" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "customCss" | "before" | "labelHidden" | "onSave"> & React.RefAttributes<HTMLInputElement>>;
+declare const FolderInput: React.ForwardRefExoticComponent<Pick<Props, "max" | "required" | "default" | "high" | "low" | "disabled" | "error" | "start" | "open" | "media" | "loading" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "white" | "content" | "size" | "wrap" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "key" | "list" | "step" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "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" | "classID" | "useMap" | "wmode" | "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" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "onClose" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "customCss" | "before" | "labelHidden" | "onSave"> & React.RefAttributes<HTMLInputElement>>;
 export default FolderInput;

package/lib/MyNdla/Resource/FolderInput.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _button = require("@ndla/button");
 
@@ -29,7 +29,7 @@ var _icons = require("@ndla/icons");
 
 var _util = require("@ndla/util");
 
-var _core2 = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -48,15 +48,19 @@ var borderStyle = function borderStyle(error) {
   return "url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='".concat(encodeURIComponent(error ? _core.colors.support.red : _core.colors.brand.tertiary), "' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e\")");
 };
 
-var StyledInput = ( /*#__PURE__*/0, _styledBase["default"])(_forms.InputV2, {
-  target: "esbqk1r0",
+var StyledInput = /*#__PURE__*/(0, _base["default"])(_forms.InputV2, process.env.NODE_ENV === "production" ? {
+  target: "esbqk1r1"
+} : {
+  target: "esbqk1r1",
   label: "StyledInput"
 })("background-color:white;background-image:", function (_ref) {
   var error = _ref.error;
   return borderStyle(!!error);
 }, ";border:none;border-radius:0;flex-wrap:nowrap;input{line-height:1.75em;color:", _core.colors.brand.primary, ";caret-color:", _core.colors.brand.tertiary, ";::selection{background:", _core.colors.brand.lighter, ";}::placeholder{color:", _core.colors.brand.tertiary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3FEIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiwgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgZm9yd2FyZFJlZiwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IElucHV0VjIgfSBmcm9tICdAbmRsYS9mb3Jtcyc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdAbmRsYS9pY29ucyc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8dHlwZW9mIElucHV0VjI+IHtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvblNhdmU6ICgpID0+IHZvaWQ7XG59XG5cbi8vIFNvdXJjZTogaHR0cHM6Ly9rb3ZhcnQuZ2l0aHViLmlvL2Rhc2hlZC1ib3JkZXItZ2VuZXJhdG9yL1xuY29uc3QgYm9yZGVyU3R5bGUgPSAoZXJyb3I/OiBib29sZWFuKSA9PlxuICBgdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzZSUzY3JlY3Qgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nJHtlbmNvZGVVUklDb21wb25lbnQoXG4gICAgZXJyb3IgPyBjb2xvcnMuc3VwcG9ydC5yZWQgOiBjb2xvcnMuYnJhbmQudGVydGlhcnksXG4gICl9JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1kYXNoYXJyYXk9JzglMmM4JyBzdHJva2UtZGFzaG9mZnNldD0nNCcgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScvJTNlJTNjL3N2ZyUzZVwiKWA7XG5cbmludGVyZmFjZSBTdHlsZWRJbnB1dFByb3BzIHtcbiAgZXJyb3I/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0VjIpPFN0eWxlZElucHV0UHJvcHM+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1pbWFnZTogJHsoeyBlcnJvciB9KSA9PiBib3JkZXJTdHlsZSghIWVycm9yKX07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGlucHV0IHtcbiAgICBsaW5lLWhlaWdodDogMS43NWVtO1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjYXJldC1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBGb2xkZXJJbnB1dCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHM+KCh7IGxvYWRpbmcsIGVycm9yLCBvbkNsb3NlLCBvblNhdmUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZElucHV0XG4gICAgICB3aGl0ZVxuICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgYXJpYS1kaXNhYmxlZD17bG9hZGluZyA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXsnZm9sZGVyLWlucHV0LXNwaW5uZXInfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhZnRlcj17XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHshZXJyb3IgJiYgKFxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9eydnaG9zdCd9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uU2F2ZX0+XG4gICAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdjbG9zZScpfSB0aXRsZT17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgZ2hvc3RQaWxsIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiA8U3Bpbm5lciBzaXplPVwibm9ybWFsXCIgbWFyZ2luPXtzcGFjaW5nLnNtYWxsfSBpZD1cImZvbGRlci1zcGlubmVyXCIgYXJpYS1sYWJlbD17dCgnbG9hZGluZycpfSAvPn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Sb3c+XG4gICAgICB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcklucHV0O1xuIl19 */"));
-var Row = (0, _styledBase["default"])("div", {
-  target: "esbqk1r1",
+var Row = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "esbqk1r0"
+} : {
+  target: "esbqk1r0",
   label: "Row"
 })("display:flex;align-items:center;gap:", _core.spacing.xxsmall, ";padding-right:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RHNCIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiwgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgZm9yd2FyZFJlZiwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IElucHV0VjIgfSBmcm9tICdAbmRsYS9mb3Jtcyc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdAbmRsYS9pY29ucyc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8dHlwZW9mIElucHV0VjI+IHtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvblNhdmU6ICgpID0+IHZvaWQ7XG59XG5cbi8vIFNvdXJjZTogaHR0cHM6Ly9rb3ZhcnQuZ2l0aHViLmlvL2Rhc2hlZC1ib3JkZXItZ2VuZXJhdG9yL1xuY29uc3QgYm9yZGVyU3R5bGUgPSAoZXJyb3I/OiBib29sZWFuKSA9PlxuICBgdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzZSUzY3JlY3Qgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nJHtlbmNvZGVVUklDb21wb25lbnQoXG4gICAgZXJyb3IgPyBjb2xvcnMuc3VwcG9ydC5yZWQgOiBjb2xvcnMuYnJhbmQudGVydGlhcnksXG4gICl9JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1kYXNoYXJyYXk9JzglMmM4JyBzdHJva2UtZGFzaG9mZnNldD0nNCcgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScvJTNlJTNjL3N2ZyUzZVwiKWA7XG5cbmludGVyZmFjZSBTdHlsZWRJbnB1dFByb3BzIHtcbiAgZXJyb3I/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0VjIpPFN0eWxlZElucHV0UHJvcHM+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1pbWFnZTogJHsoeyBlcnJvciB9KSA9PiBib3JkZXJTdHlsZSghIWVycm9yKX07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGlucHV0IHtcbiAgICBsaW5lLWhlaWdodDogMS43NWVtO1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjYXJldC1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBGb2xkZXJJbnB1dCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHM+KCh7IGxvYWRpbmcsIGVycm9yLCBvbkNsb3NlLCBvblNhdmUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZElucHV0XG4gICAgICB3aGl0ZVxuICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgYXJpYS1kaXNhYmxlZD17bG9hZGluZyA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXsnZm9sZGVyLWlucHV0LXNwaW5uZXInfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhZnRlcj17XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHshZXJyb3IgJiYgKFxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9eydnaG9zdCd9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uU2F2ZX0+XG4gICAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdjbG9zZScpfSB0aXRsZT17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgZ2hvc3RQaWxsIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiA8U3Bpbm5lciBzaXplPVwibm9ybWFsXCIgbWFyZ2luPXtzcGFjaW5nLnNtYWxsfSBpZD1cImZvbGRlci1zcGlubmVyXCIgYXJpYS1sYWJlbD17dCgnbG9hZGluZycpfSAvPn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Sb3c+XG4gICAgICB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcklucHV0O1xuIl19 */"));
 var FolderInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -80,13 +84,13 @@ var FolderInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, []);
-  return (0, _core2.jsx)(StyledInput, _extends({
+  return (0, _react2.jsx)(StyledInput, _extends({
     white: true,
     error: error,
     "aria-disabled": loading ? true : undefined,
     "aria-describedby": 'folder-input-spinner',
     ref: ref,
-    after: (0, _core2.jsx)(Row, null, !loading && (0, _core2.jsx)(_react["default"].Fragment, null, !error && (0, _core2.jsx)(_button.IconButtonV2, {
+    after: (0, _react2.jsx)(Row, null, !loading && (0, _react2.jsx)(_react["default"].Fragment, null, !error && (0, _react2.jsx)(_button.IconButtonV2, {
       variant: 'ghost',
       colorTheme: "light",
       tabIndex: 0,
@@ -94,15 +98,15 @@ var FolderInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
       title: t('save'),
       size: "small",
       onClick: onSave
-    }, (0, _core2.jsx)(_editor.Done, null)), (0, _core2.jsx)(_button.IconButton, {
+    }, (0, _react2.jsx)(_editor.Done, null)), (0, _react2.jsx)(_button.IconButton, {
       "aria-label": t('close'),
       title: t('close'),
       size: "small",
       ghostPill: true,
       onClick: onClose
-    }, (0, _core2.jsx)(_action.Cross, null))), (0, _core2.jsx)("div", {
+    }, (0, _react2.jsx)(_action.Cross, null))), (0, _react2.jsx)("div", {
       "aria-live": "assertive"
-    }, loading && (0, _core2.jsx)(_icons.Spinner, {
+    }, loading && (0, _react2.jsx)(_icons.Spinner, {
       size: "normal",
       margin: _core.spacing.small,
       id: "folder-spinner",

package/lib/NDLAFilm/AboutNdlaFilm.d.ts

@@ -11,5 +11,5 @@ interface Props {
     };
     moreAboutNdlaFilm: ReactNode;
 }
-declare const AboutNdlaFilm: ({ aboutNDLAVideo, moreAboutNdlaFilm }: Props) => JSX.Element;
+declare const AboutNdlaFilm: ({ aboutNDLAVideo, moreAboutNdlaFilm }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default AboutNdlaFilm;

package/lib/NDLAFilm/AboutNdlaFilm.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -23,7 +23,7 @@ var _ = require("..");
 
 var _VisualElement = _interopRequireDefault(require("./VisualElement"));
 
-var _core2 = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -31,12 +31,14 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var StyledAside = (0, _styledBase["default"])("aside", {
+var StyledAside = /*#__PURE__*/(0, _base["default"])("aside", process.env.NODE_ENV === "production" ? {
+  target: "ehw69710"
+} : {
   target: "ehw69710",
   label: "StyledAside"
-})("background:#184673;color:#fff;display:flex;padding:", _core.spacing.normal, " ", _core.spacing.normal, " ", _core.spacing.medium, ";> div{padding:", _core.spacing.normal, ";width:50%;h1{@include font-size(22px,26px);font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin:0 0 ", _core.spacing.small, " 0;}}button{text-align:left;color:#fff;&:hover,&:focus{color:", _core.colors.brand.light, ";}}", _core.mq.range({
+})("background:#184673;color:#fff;display:flex;padding:", _core.spacing.normal, " ", _core.spacing.normal, " ", _core.spacing.medium, ";>div{padding:", _core.spacing.normal, ";width:50%;h1{font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin:0 0 ", _core.spacing.small, " 0;@include font-size(22px, 26px);{}}}button{text-align:left;color:#fff;&:hover,&:focus{color:", _core.colors.brand.light, ";}}", _core.mq.range({
   until: _core.breakpoints.tablet
-}), "{flex-direction:column;> div{width:auto;&:first-of-type{padding-bottom:0;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFib3V0TmRsYUZpbG0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNnQyIsImZpbGUiOiJBYm91dE5kbGFGaWxtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblYyIGFzIEJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBPbmVDb2x1bW4gfSBmcm9tICcuLic7XG5pbXBvcnQgVmlzdWFsRWxlbWVudCBmcm9tICcuL1Zpc3VhbEVsZW1lbnQnO1xuXG5jb25zdCBTdHlsZWRBc2lkZSA9IHN0eWxlZC5hc2lkZWBcbiAgYmFja2dyb3VuZDogIzE4NDY3MztcbiAgY29sb3I6ICNmZmY7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICA+IGRpdiB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgd2lkdGg6IDUwJTtcbiAgICBoMSB7XG4gICAgICBAaW5jbHVkZSBmb250LXNpemUoMjJweCwgMjZweCk7XG4gICAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgIH1cbiAgfVxuICBidXR0b24ge1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICA+IGRpdiB7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYWJvdXRORExBVmlkZW86IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gICAgdmlzdWFsRWxlbWVudDoge1xuICAgICAgYWx0Pzogc3RyaW5nO1xuICAgICAgdXJsOiBzdHJpbmc7XG4gICAgICB0eXBlOiBzdHJpbmc7XG4gICAgfTtcbiAgfTtcbiAgbW9yZUFib3V0TmRsYUZpbG06IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQWJvdXROZGxhRmlsbSA9ICh7IGFib3V0TkRMQVZpZGVvLCBtb3JlQWJvdXROZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJvLXdyYXBwZXJcIj5cbiAgICAgIDxTdHlsZWRBc2lkZT5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8VmlzdWFsRWxlbWVudCB2aXN1YWxFbGVtZW50PXthYm91dE5ETEFWaWRlby52aXN1YWxFbGVtZW50fSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8aDE+e2Fib3V0TkRMQVZpZGVvLnRpdGxlfTwvaDE+XG4gICAgICAgICAgPHA+e2Fib3V0TkRMQVZpZGVvLmRlc2NyaXB0aW9ufTwvcD5cbiAgICAgICAgICA8TW9kYWwgc2l6ZT1cImZ1bGxzY3JlZW5cIiBhY3RpdmF0ZUJ1dHRvbj17PEJ1dHRvbiB2YXJpYW50PVwibGlua1wiPnt0KCduZGxhRmlsbS5hYm91dC5tb3JlJyl9PC9CdXR0b24+fT5cbiAgICAgICAgICAgIHsob25DbG9zZSkgPT4gKFxuICAgICAgICAgICAgICA8T25lQ29sdW1uIGNzc01vZGlmaWVyPVwibWVkaXVtXCI+XG4gICAgICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gb25DbGljaz17b25DbG9zZX0gdGl0bGU9XCJMdWtrXCIgLz5cbiAgICAgICAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICAgIDxNb2RhbEJvZHk+e21vcmVBYm91dE5kbGFGaWxtfTwvTW9kYWxCb2R5PlxuICAgICAgICAgICAgICA8L09uZUNvbHVtbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Nb2RhbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1N0eWxlZEFzaWRlPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWJvdXROZGxhRmlsbTtcbiJdfQ== */"));
+}), "{flex-direction:column;>div{width:auto;&:first-of-type{padding-bottom:0;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFib3V0TmRsYUZpbG0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNnQyIsImZpbGUiOiJBYm91dE5kbGFGaWxtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblYyIGFzIEJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBPbmVDb2x1bW4gfSBmcm9tICcuLic7XG5pbXBvcnQgVmlzdWFsRWxlbWVudCBmcm9tICcuL1Zpc3VhbEVsZW1lbnQnO1xuXG5jb25zdCBTdHlsZWRBc2lkZSA9IHN0eWxlZC5hc2lkZWBcbiAgYmFja2dyb3VuZDogIzE4NDY3MztcbiAgY29sb3I6ICNmZmY7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICA+IGRpdiB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgd2lkdGg6IDUwJTtcbiAgICBoMSB7XG4gICAgICBAaW5jbHVkZSBmb250LXNpemUoMjJweCwgMjZweCk7XG4gICAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgIH1cbiAgfVxuICBidXR0b24ge1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICA+IGRpdiB7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYWJvdXRORExBVmlkZW86IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gICAgdmlzdWFsRWxlbWVudDoge1xuICAgICAgYWx0Pzogc3RyaW5nO1xuICAgICAgdXJsOiBzdHJpbmc7XG4gICAgICB0eXBlOiBzdHJpbmc7XG4gICAgfTtcbiAgfTtcbiAgbW9yZUFib3V0TmRsYUZpbG06IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQWJvdXROZGxhRmlsbSA9ICh7IGFib3V0TkRMQVZpZGVvLCBtb3JlQWJvdXROZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJvLXdyYXBwZXJcIj5cbiAgICAgIDxTdHlsZWRBc2lkZT5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8VmlzdWFsRWxlbWVudCB2aXN1YWxFbGVtZW50PXthYm91dE5ETEFWaWRlby52aXN1YWxFbGVtZW50fSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8aDE+e2Fib3V0TkRMQVZpZGVvLnRpdGxlfTwvaDE+XG4gICAgICAgICAgPHA+e2Fib3V0TkRMQVZpZGVvLmRlc2NyaXB0aW9ufTwvcD5cbiAgICAgICAgICA8TW9kYWwgc2l6ZT1cImZ1bGxzY3JlZW5cIiBhY3RpdmF0ZUJ1dHRvbj17PEJ1dHRvbiB2YXJpYW50PVwibGlua1wiPnt0KCduZGxhRmlsbS5hYm91dC5tb3JlJyl9PC9CdXR0b24+fT5cbiAgICAgICAgICAgIHsob25DbG9zZSkgPT4gKFxuICAgICAgICAgICAgICA8T25lQ29sdW1uIGNzc01vZGlmaWVyPVwibWVkaXVtXCI+XG4gICAgICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gb25DbGljaz17b25DbG9zZX0gdGl0bGU9XCJMdWtrXCIgLz5cbiAgICAgICAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICAgIDxNb2RhbEJvZHk+e21vcmVBYm91dE5kbGFGaWxtfTwvTW9kYWxCb2R5PlxuICAgICAgICAgICAgICA8L09uZUNvbHVtbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Nb2RhbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1N0eWxlZEFzaWRlPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWJvdXROZGxhRmlsbTtcbiJdfQ== */"));
 
 var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
   var aboutNDLAVideo = _ref.aboutNDLAVideo,
@@ -45,22 +47,22 @@ var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return (0, _core2.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     className: "o-wrapper"
-  }, (0, _core2.jsx)(StyledAside, null, (0, _core2.jsx)("div", null, (0, _core2.jsx)(_VisualElement["default"], {
+  }, (0, _react2.jsx)(StyledAside, null, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_VisualElement["default"], {
     visualElement: aboutNDLAVideo.visualElement
-  })), (0, _core2.jsx)("div", null, (0, _core2.jsx)("h1", null, aboutNDLAVideo.title), (0, _core2.jsx)("p", null, aboutNDLAVideo.description), (0, _core2.jsx)(_modal["default"], {
+  })), (0, _react2.jsx)("div", null, (0, _react2.jsx)("h1", null, aboutNDLAVideo.title), (0, _react2.jsx)("p", null, aboutNDLAVideo.description), (0, _react2.jsx)(_modal["default"], {
     size: "fullscreen",
-    activateButton: (0, _core2.jsx)(_button.ButtonV2, {
+    activateButton: (0, _react2.jsx)(_button.ButtonV2, {
       variant: "link"
     }, t('ndlaFilm.about.more'))
   }, function (onClose) {
-    return (0, _core2.jsx)(_.OneColumn, {
+    return (0, _react2.jsx)(_.OneColumn, {
       cssModifier: "medium"
-    }, (0, _core2.jsx)(_modal.ModalHeader, null, (0, _core2.jsx)(_modal.ModalCloseButton, {
+    }, (0, _react2.jsx)(_modal.ModalHeader, null, (0, _react2.jsx)(_modal.ModalCloseButton, {
       onClick: onClose,
       title: "Lukk"
-    })), (0, _core2.jsx)(_modal.ModalBody, null, moreAboutNdlaFilm));
+    })), (0, _react2.jsx)(_modal.ModalBody, null, moreAboutNdlaFilm));
   }))));
 };
 

package/lib/NDLAFilm/AllMoviesAlphabetically.d.ts

@@ -5,11 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 import { MovieType } from './types';
 interface Props {
     movies: MovieType[];
     locale: string;
 }
-declare const AllMoviesAlphabetically: ({ movies, locale }: Props) => JSX.Element;
+declare const AllMoviesAlphabetically: ({ movies, locale }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default AllMoviesAlphabetically;