@ndla/ui 3.3.13 → 3.3.14

package/es/Figure/Figure.js

@@ -81,10 +81,12 @@ var Figure = function Figure(_ref2) {
       rest = _objectWithoutProperties(_ref2, ["children", "type", "resizeIframe"]);
 
   var typeClass = type === 'full-column' ? 'c-figure--full-column' : "u-float-".concat(type);
+  var right = ['small-right', 'xsmall-right'].includes(type);
   return ___EmotionJSX("figure", _extends({
     "data-sizetype": type
   }, classes('', {
-    resize: !!resizeIframe
+    resize: !!resizeIframe,
+    right: right
   }, typeClass), rest), isFunction(children) ? children({
     typeClass: typeClass
   }) : children);

package/es/NDLAFilm/AboutNdlaFilm.js

@@ -1,20 +1,20 @@
 import _styled from "@emotion/styled-base";
 import React from 'react';
-import PropTypes from 'prop-types';
-import { OneColumn } from '@ndla/ui';
+import { useTranslation } from 'react-i18next';
 import Modal, { ModalHeader, ModalBody, ModalCloseButton } from '@ndla/modal';
-import { colors, spacing, fonts, mq, breakpoints } from '@ndla/core';
+import { colors, spacing, fonts, mq, breakpoints } from '@ndla/core'; //@ts-ignore
+
 import Button from '@ndla/button';
-import { useTranslation } from 'react-i18next';
+import { OneColumn } from '..';
 import VisualElement from './VisualElement';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
 var StyledAside = _styled("aside", {
-  target: "e1x8cq510",
+  target: "ehw69710",
   label: "StyledAside"
 })("background:#184673;color:#fff;display:flex;padding:", spacing.normal, " ", spacing.normal, " ", spacing.medium, ";> div{padding:", spacing.normal, ";width:50%;h1{@include font-size(22px,26px);font-weight:", fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin:0 0 ", spacing.small, " 0;}}button{text-align:left;color:#fff;&:hover,&:focus{color:", colors.brand.light, ";}}", mq.range({
   until: 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFib3V0TmRsYUZpbG0uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVnQyIsImZpbGUiOiJBYm91dE5kbGFGaWxtLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgT25lQ29sdW1uIH0gZnJvbSAnQG5kbGEvdWknO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgVmlzdWFsRWxlbWVudCBmcm9tICcuL1Zpc3VhbEVsZW1lbnQnO1xuXG5jb25zdCBTdHlsZWRBc2lkZSA9IHN0eWxlZC5hc2lkZWBcbiAgYmFja2dyb3VuZDogIzE4NDY3MztcbiAgY29sb3I6ICNmZmY7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICA+IGRpdiB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgd2lkdGg6IDUwJTtcbiAgICBoMSB7XG4gICAgICBAaW5jbHVkZSBmb250LXNpemUoMjJweCwgMjZweCk7XG4gICAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgIH1cbiAgfVxuICBidXR0b24ge1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICA+IGRpdiB7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQWJvdXROZGxhRmlsbSA9ICh7IGFib3V0TkRMQVZpZGVvLCBtb3JlQWJvdXROZGxhRmlsbSB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cIm8td3JhcHBlclwiPlxuICAgICAgPFN0eWxlZEFzaWRlPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxWaXN1YWxFbGVtZW50IHZpc3VhbEVsZW1lbnQ9e2Fib3V0TkRMQVZpZGVvLnZpc3VhbEVsZW1lbnR9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxoMT57YWJvdXRORExBVmlkZW8udGl0bGV9PC9oMT5cbiAgICAgICAgICA8cD57YWJvdXRORExBVmlkZW8uZGVzY3JpcHRpb259PC9wPlxuICAgICAgICAgIDxNb2RhbCBzaXplPVwiZnVsbHNjcmVlblwiIGFjdGl2YXRlQnV0dG9uPXs8QnV0dG9uIGxpbms+e3QoJ25kbGFGaWxtLmFib3V0Lm1vcmUnKX08L0J1dHRvbj59PlxuICAgICAgICAgICAgeyhvbkNsb3NlKSA9PiAoXG4gICAgICAgICAgICAgIDxPbmVDb2x1bW4gY3NzTW9kaWZpZXI9XCJtZWRpdW1cIj5cbiAgICAgICAgICAgICAgICA8TW9kYWxIZWFkZXI+XG4gICAgICAgICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiBvbkNsaWNrPXtvbkNsb3NlfSB0aXRsZT1cIkx1a2tcIiAvPlxuICAgICAgICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICAgICAgPE1vZGFsQm9keT57bW9yZUFib3V0TmRsYUZpbG19PC9Nb2RhbEJvZHk+XG4gICAgICAgICAgICAgIDwvT25lQ29sdW1uPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L01vZGFsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU3R5bGVkQXNpZGU+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5BYm91dE5kbGFGaWxtLnByb3BUeXBlcyA9IHtcbiAgYWJvdXRORExBVmlkZW86IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgdGl0bGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdmlzdWFsRWxlbWVudDogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgIHVybDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIGFsdDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgfSksXG4gIH0pLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQWJvdXROZGxhRmlsbTtcbiJdfQ== */"));
+}), "{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFib3V0TmRsYUZpbG0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVnQyIsImZpbGUiOiJBYm91dE5kbGFGaWxtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vQHRzLWlnbm9yZVxuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgT25lQ29sdW1uIH0gZnJvbSAnLi4nO1xuaW1wb3J0IFZpc3VhbEVsZW1lbnQgZnJvbSAnLi9WaXN1YWxFbGVtZW50JztcblxuY29uc3QgU3R5bGVkQXNpZGUgPSBzdHlsZWQuYXNpZGVgXG4gIGJhY2tncm91bmQ6ICMxODQ2NzM7XG4gIGNvbG9yOiAjZmZmO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgPiBkaXYge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIHdpZHRoOiA1MCU7XG4gICAgaDEge1xuICAgICAgQGluY2x1ZGUgZm9udC1zaXplKDIycHgsIDI2cHgpO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICAgICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICAgIGxldHRlci1zcGFjaW5nOiAwLjA1ZW07XG4gICAgICBjb2xvcjogI2ZmZjtcbiAgICAgIG1hcmdpbjogMCAwICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgICB9XG4gIH1cbiAgYnV0dG9uIHtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGNvbG9yOiAjZmZmO1xuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgPiBkaXYge1xuICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFib3V0TkRMQVZpZGVvOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIHZpc3VhbEVsZW1lbnQ6IHtcbiAgICAgIGFsdD86IHN0cmluZztcbiAgICAgIHVybDogc3RyaW5nO1xuICAgICAgdHlwZTogc3RyaW5nO1xuICAgIH07XG4gIH07XG4gIG1vcmVBYm91dE5kbGFGaWxtOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEFib3V0TmRsYUZpbG0gPSAoeyBhYm91dE5ETEFWaWRlbywgbW9yZUFib3V0TmRsYUZpbG0gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwiby13cmFwcGVyXCI+XG4gICAgICA8U3R5bGVkQXNpZGU+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPFZpc3VhbEVsZW1lbnQgdmlzdWFsRWxlbWVudD17YWJvdXRORExBVmlkZW8udmlzdWFsRWxlbWVudH0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPGgxPnthYm91dE5ETEFWaWRlby50aXRsZX08L2gxPlxuICAgICAgICAgIDxwPnthYm91dE5ETEFWaWRlby5kZXNjcmlwdGlvbn08L3A+XG4gICAgICAgICAgPE1vZGFsIHNpemU9XCJmdWxsc2NyZWVuXCIgYWN0aXZhdGVCdXR0b249ezxCdXR0b24gbGluaz57dCgnbmRsYUZpbG0uYWJvdXQubW9yZScpfTwvQnV0dG9uPn0+XG4gICAgICAgICAgICB7KG9uQ2xvc2UpID0+IChcbiAgICAgICAgICAgICAgPE9uZUNvbHVtbiBjc3NNb2RpZmllcj1cIm1lZGl1bVwiPlxuICAgICAgICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e29uQ2xvc2V9IHRpdGxlPVwiTHVra1wiIC8+XG4gICAgICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgICAgICA8TW9kYWxCb2R5Pnttb3JlQWJvdXROZGxhRmlsbX08L01vZGFsQm9keT5cbiAgICAgICAgICAgICAgPC9PbmVDb2x1bW4+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvTW9kYWw+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9TdHlsZWRBc2lkZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFib3V0TmRsYUZpbG07XG4iXX0= */"));
 
 var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
   var aboutNDLAVideo = _ref.aboutNDLAVideo,
@@ -42,15 +42,4 @@ var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
   }))));
 };
 
-AboutNdlaFilm.propTypes = {
-  aboutNDLAVideo: PropTypes.shape({
-    title: PropTypes.string,
-    description: PropTypes.string,
-    visualElement: PropTypes.shape({
-      url: PropTypes.string,
-      alt: PropTypes.string,
-      type: PropTypes.string
-    })
-  })
-};
 export default AboutNdlaFilm;