@ndla/ui 48.0.0 → 49.0.0

package/lib/Search/ToggleSearchButton.js

@@ -1,57 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("react");
-var _core = require("@ndla/core");
-var _common = require("@ndla/icons/common");
-var _button = require("@ndla/button");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["children", "ndlaFilm"];
-/**
- * Copyright (c) 2018-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var StyledButton = /*#__PURE__*/(0, _base.default)(_button.ButtonV2, {
-  target: "e18v7i6v1",
-  label: "StyledButton"
-})("border-radius:", _core.misc.borderRadius, ";border:0;color:", _core.colors.brand.primary, ";align-items:center;background:transparent;svg{height:24px;width:24px;}", _core.fonts.sizes('16px', '32px'), ";&[data-film='true']{background:", _core.colors.ndlaFilm.filmColorBright, ";color:", _core.colors.white, ";}", _core.mq.range({
-  from: _core.breakpoints.tabletWide
-}), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";background:", _core.colors.brand.greyLighter, ";}&:hover,&:focus,&:active{border:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZVNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiJUb2dnbGVTZWFyY2hCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgYnJlYWtwb2ludHMsIG1xLCBtaXNjLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBTZWFyY2ggfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgQnV0dG9uUHJvcHMsIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQnV0dG9uUHJvcHMge1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b25WMilgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3JkZXI6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgc3ZnIHtcbiAgICBoZWlnaHQ6IDI0cHg7XG4gICAgd2lkdGg6IDI0cHg7XG4gIH1cblxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzMycHgnKX07XG5cbiAgJltkYXRhLWZpbG09J3RydWUnXSB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yQnJpZ2h0fTtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgYm9yZGVyOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBUb2dnbGVTZWFyY2hCdXR0b24gPSBmb3J3YXJkUmVmPEhUTUxCdXR0b25FbGVtZW50LCBQcm9wcz4oKHsgY2hpbGRyZW4sIG5kbGFGaWxtLCAuLi5yZXN0IH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQnV0dG9uIGRhdGEtZmlsbT17bmRsYUZpbG19IHR5cGU9XCJidXR0b25cIiByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgIDxTdHlsZWRTcGFuPntjaGlsZHJlbn08L1N0eWxlZFNwYW4+XG4gICAgPFNlYXJjaCAvPlxuICA8L1N0eWxlZEJ1dHRvbj5cbikpO1xuXG5leHBvcnQgZGVmYXVsdCBUb2dnbGVTZWFyY2hCdXR0b247XG4iXX0= */"));
-var StyledSpan = /*#__PURE__*/(0, _base.default)("span", {
-  target: "e18v7i6v0",
-  label: "StyledSpan"
-})("margin-right:", _core.spacing.normal, ";font-weight:", _core.fonts.weight.normal, ";", _core.mq.range({
-  until: _core.breakpoints.tabletWide
-}), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZVNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q4QiIsImZpbGUiOiJUb2dnbGVTZWFyY2hCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgYnJlYWtwb2ludHMsIG1xLCBtaXNjLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBTZWFyY2ggfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgQnV0dG9uUHJvcHMsIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQnV0dG9uUHJvcHMge1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b25WMilgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3JkZXI6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgc3ZnIHtcbiAgICBoZWlnaHQ6IDI0cHg7XG4gICAgd2lkdGg6IDI0cHg7XG4gIH1cblxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzMycHgnKX07XG5cbiAgJltkYXRhLWZpbG09J3RydWUnXSB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yQnJpZ2h0fTtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgYm9yZGVyOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBUb2dnbGVTZWFyY2hCdXR0b24gPSBmb3J3YXJkUmVmPEhUTUxCdXR0b25FbGVtZW50LCBQcm9wcz4oKHsgY2hpbGRyZW4sIG5kbGFGaWxtLCAuLi5yZXN0IH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQnV0dG9uIGRhdGEtZmlsbT17bmRsYUZpbG19IHR5cGU9XCJidXR0b25cIiByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgIDxTdHlsZWRTcGFuPntjaGlsZHJlbn08L1N0eWxlZFNwYW4+XG4gICAgPFNlYXJjaCAvPlxuICA8L1N0eWxlZEJ1dHRvbj5cbikpO1xuXG5leHBvcnQgZGVmYXVsdCBUb2dnbGVTZWFyY2hCdXR0b247XG4iXX0= */"));
-var ToggleSearchButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    ndlaFilm = _ref.ndlaFilm,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (0, _jsxRuntime.jsxs)(StyledButton, _objectSpread(_objectSpread({
-    "data-film": ndlaFilm,
-    type: "button",
-    ref: ref
-  }, rest), {}, {
-    children: [(0, _jsxRuntime.jsx)(StyledSpan, {
-      children: children
-    }), (0, _jsxRuntime.jsx)(_common.Search, {})]
-  }));
-});
-var _default = ToggleSearchButton;
-exports.default = _default;

package/lib/Translation/Translation.d.ts

@@ -1,14 +0,0 @@
-/**
- * Copyright (c) 2016-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { ReactNode } from 'react';
-interface Props {
-    children: ReactNode;
-    index: number;
-}
-declare const Translation: ({ children, index }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default Translation;

package/lib/Translation/Translation.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
-                                                                                                                                                                                                                                                                                                                                                                                               * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                               * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               */
-var classes = new _reactBemHelper.default({
-  name: 'translation',
-  prefix: 'c-'
-});
-var Translation = function Translation(_ref) {
-  var children = _ref.children,
-    index = _ref.index;
-  return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('')), {}, {
-    children: [(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('index')), {}, {
-      children: index
-    })), (0, _jsxRuntime.jsx)("dl", _objectSpread(_objectSpread({}, classes('wrapper')), {}, {
-      children: children
-    }))]
-  }));
-};
-var _default = Translation;
-exports.default = _default;

package/lib/Translation/TranslationLine.d.ts

@@ -1,16 +0,0 @@
-/**
- * Copyright (c) 2016-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { ReactNode } from 'react';
-interface Props {
-    isTerm?: boolean;
-    children: ReactNode;
-    lang?: string;
-    langName?: string;
-}
-declare const TranslationLine: ({ children, lang, langName, isTerm }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default TranslationLine;

package/lib/Translation/TranslationLine.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
-                                                                                                                                                                                                                                                                                                                                                                                               * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                               * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               */
-var classes = new _reactBemHelper.default({
-  name: 'translation',
-  prefix: 'c-'
-});
-var TranslationLine = function TranslationLine(_ref) {
-  var children = _ref.children,
-    lang = _ref.lang,
-    langName = _ref.langName,
-    _ref$isTerm = _ref.isTerm,
-    isTerm = _ref$isTerm === void 0 ? false : _ref$isTerm;
-  var hasLang = langName && lang;
-  var content = (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('line-body')), {}, {
-      lang: lang,
-      children: children
-    })), hasLang && (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('line-lang')), {}, {
-      children: langName
-    }))]
-  });
-  if (isTerm) {
-    return (0, _jsxRuntime.jsx)("dt", _objectSpread(_objectSpread({}, classes('line', hasLang ? 'lang' : '')), {}, {
-      children: content
-    }));
-  }
-  return (0, _jsxRuntime.jsx)("dd", _objectSpread(_objectSpread({}, classes('line', hasLang ? 'lang' : '')), {}, {
-    children: content
-  }));
-};
-var _default = TranslationLine;
-exports.default = _default;

package/lib/Translation/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Translation } from './Translation';
-export { default as TranslationLine } from './TranslationLine';

package/lib/Translation/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Translation", {
-  enumerable: true,
-  get: function get() {
-    return _Translation.default;
-  }
-});
-Object.defineProperty(exports, "TranslationLine", {
-  enumerable: true,
-  get: function get() {
-    return _TranslationLine.default;
-  }
-});
-var _Translation = _interopRequireDefault(require("./Translation"));
-var _TranslationLine = _interopRequireDefault(require("./TranslationLine"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/src/CopyParagraphButton/CopyParagraphButtonV2.tsx

@@ -1,85 +0,0 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { MouseEvent, ReactNode, useCallback, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import styled from '@emotion/styled';
-import { colors } from '@ndla/core';
-import Tooltip from '@ndla/tooltip';
-import { Link } from '@ndla/icons/common';
-import { copyTextToClipboard } from '@ndla/util';
-
-const ContainerDiv = styled.div`
-  position: relative;
-`;
-const IconButton = styled.button`
-  position: absolute;
-  left: -3em;
-  top: 0.1em;
-  background: none;
-  border: 0;
-  z-index: 1;
-  transition: 0.2s;
-  opacity: 0;
-  color: ${colors.brand.grey};
-
-  & svg {
-    width: 30px;
-    height: 30px;
-  }
-
-  ${ContainerDiv}:hover &,
-  &:focus, &:focus-visible, &:active {
-    cursor: pointer;
-    opacity: 1;
-  }
-`;
-
-interface Props {
-  // What to render within the h2
-  children: ReactNode;
-  copyText: string;
-  lang?: string;
-}
-const CopyParagraphButtonV2 = ({ children, copyText, lang }: Props) => {
-  const [hasCopied, setHasCopied] = useState(false);
-  const { t } = useTranslation();
-  const sanitizedTitle = useMemo(() => encodeURIComponent(copyText.replace(/ /g, '-')), [copyText]);
-
-  useEffect(() => {
-    if (hasCopied) {
-      setTimeout(() => setHasCopied(false), 3000);
-    }
-  }, [hasCopied]);
-
-  const onCopyClick = useCallback(() => {
-    setHasCopied(true);
-    const { location } = window;
-    const newHash = `#${sanitizedTitle}`;
-    const port = location.port ? `:${location.port}` : '';
-    const urlToCopy = `${location.protocol}//${location.hostname}${port}${location.pathname}${location.search}${newHash}`;
-
-    copyTextToClipboard(urlToCopy);
-  }, [sanitizedTitle]);
-
-  const tooltip = hasCopied ? t('article.copyPageLinkCopied') : t('article.copyHeaderLink');
-  return (
-    <ContainerDiv>
-      <Tooltip tooltip={tooltip}>
-        <IconButton onClick={onCopyClick} aria-label={`${tooltip}: ${copyText}`}>
-          <Link />
-        </IconButton>
-      </Tooltip>
-      <h2 id={sanitizedTitle} tabIndex={-1} lang={lang}>
-        {children}
-      </h2>
-    </ContainerDiv>
-  );
-};
-
-export default CopyParagraphButtonV2;

package/src/CopyParagraphButton/initCopyParagraphButtons.tsx

@@ -1,27 +0,0 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import ReactDOM from 'react-dom';
-import CopyParagraphButton from './CopyParagraphButton';
-
-const forEachElement = (selector: string, callback: Function) => {
-  const nodeList = document.querySelectorAll(selector);
-  for (let i = 0; i < nodeList.length; i += 1) {
-    callback(nodeList[i], i);
-  }
-};
-
-const initCopyParagraphButtons = () => {
-  forEachElement('[data-header-copy-container]', (el: HTMLElement) => {
-    const title = el.getAttribute('data-title');
-
-    // eslint-disable-next-line react/no-deprecated
-    ReactDOM.hydrate(<CopyParagraphButton title={title} content={title} hydrate />, el);
-  });
-};
-
-export default initCopyParagraphButtons;

package/src/FactBox/FactBoxV2.tsx

@@ -1,56 +0,0 @@
-/**
- * Copyright (c) 2016-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { ReactNode, useState } from 'react';
-import BEMHelper from 'react-bem-helper';
-import { useTranslation } from 'react-i18next';
-import styled from '@emotion/styled';
-import { IconButtonV2 } from '@ndla/button';
-import { ChevronDown, ChevronUp } from '@ndla/icons/common';
-
-const classes = new BEMHelper({
-  name: 'factbox',
-  prefix: 'c-',
-});
-
-interface Props {
-  children?: ReactNode;
-}
-
-const StyledAside = styled.aside`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-
-const StyledDiv = styled.div`
-  width: 100%;
-`;
-
-const StyledIconButton = styled(IconButtonV2)`
-  margin-top: -20px;
-  z-index: 1;
-`;
-
-const FactBox = ({ children }: Props) => {
-  const { t } = useTranslation();
-  const [isOpen, setIsOpen] = useState(false);
-
-  const additional = isOpen ? 'expanded' : '';
-
-  return (
-    <StyledAside {...classes(undefined, undefined, additional)}>
-      <StyledDiv {...classes('content')}>{children}</StyledDiv>
-      <StyledIconButton onClick={() => setIsOpen((p) => !p)} aria-label={t(`factbox.${isOpen ? 'close' : 'open'}`)}>
-        {isOpen ? <ChevronUp /> : <ChevronDown />}
-      </StyledIconButton>
-    </StyledAside>
-  );
-};
-
-export default FactBox;

package/src/Figure/FigureBylineExpandButton.tsx

@@ -1,34 +0,0 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { ChevronUp, ChevronDown } from '@ndla/icons/common';
-
-interface Props {
-  messages: {
-    expandBylineButtonLabel: string;
-    minimizeBylineButtonLabel: string;
-  };
-  typeClass: string;
-}
-
-export const FigureBylineExpandButton = ({ messages, typeClass }: Props) => {
-  return (
-    <button
-      className="c-figure__show-byline-btn"
-      type="button"
-      data-figure-button
-      data-classtype={typeClass}
-      data-aria={messages.expandBylineButtonLabel}
-      data-ariaexpanded={messages.minimizeBylineButtonLabel}
-      aria-label={messages.expandBylineButtonLabel}
-    >
-      <ChevronUp className="expanded-icon" />
-      <ChevronDown className="contracted-icon" />
-    </button>
-  );
-};

package/src/Figure/FigureExpandButton.tsx

@@ -1,35 +0,0 @@
-/**
- * Copyright (c) 2019-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { ArrowCollapse } from '@ndla/icons/common';
-import { ExpandTwoArrows } from '@ndla/icons/action';
-
-export function FigureExpandButton({ messages, typeClass }: Props) {
-  return (
-    <button
-      className="c-figure__fullscreen-btn"
-      type="button"
-      data-aria={messages.zoomImageButtonLabel}
-      data-ariaexpanded={messages.zoomOutImageButtonLabel}
-      aria-label={messages.zoomImageButtonLabel}
-      data-figure-button
-      data-classtype={typeClass}
-    >
-      <ExpandTwoArrows className="contracted-icon" />
-      <ArrowCollapse className="expanded-icon" />
-    </button>
-  );
-}
-
-interface Props {
-  messages: {
-    zoomImageButtonLabel: string;
-    zoomOutImageButtonLabel: string;
-  };
-  typeClass: string;
-}

package/src/FileList/FileListV2.tsx

@@ -1,58 +0,0 @@
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import styled from '@emotion/styled';
-import { colors, fonts, spacing } from '@ndla/core';
-import { ReactNode } from 'react';
-import { useTranslation } from 'react-i18next';
-
-interface Props {
-  children: ReactNode;
-}
-
-const FileListSection = styled.section`
-  margin: ${spacing.large} 0;
-  padding: ${spacing.small} 0 ${spacing.normal} ${spacing.normal};
-  border-left: 2px solid ${colors.brand.greyLightest};
-  font-family: ${fonts.sans};
-
-  .c-icon {
-    margin-top: 3px;
-    flex-shrink: 0;
-    margin-right: ${spacing.small};
-    height: 18px;
-    width: 18px;
-  }
-`;
-
-const FileListHeading = styled.h3`
-  ${fonts.sizes('16px', '18px')};
-  letter-spacing: 0.05em;
-  margin: 0 0 ${spacing.xsmall} 0;
-  padding-bottom: ${spacing.xsmall};
-  border-bottom: 2px solid ${colors.brand.greyLight};
-  font-weight: ${fonts.weight.bold};
-  text-transform: uppercase;
-`;
-
-const FilesList = styled.ul`
-  margin: 0;
-  padding: 0;
-`;
-
-const FileListV2 = ({ children }: Props) => {
-  const { t } = useTranslation();
-  return (
-    <FileListSection>
-      <FileListHeading>{t('files')}</FileListHeading>
-      <FilesList>{children}</FilesList>
-    </FileListSection>
-  );
-};
-
-export default FileListV2;

package/src/FileList/FileV2.tsx

@@ -1,33 +0,0 @@
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { useTranslation } from 'react-i18next';
-import File from './File';
-
-interface Props {
-  title: string;
-  url: string;
-  fileExists: boolean;
-  fileType: string;
-}
-
-const FileV2 = ({ title, url, fileExists, fileType }: Props) => {
-  const { t } = useTranslation();
-  const tooltip = `${t('download')} ${url.split('/').pop()}`;
-  return (
-    <File
-      file={{
-        title,
-        fileExists,
-        formats: [{ url, fileType, tooltip }],
-      }}
-    />
-  );
-};
-
-export default FileV2;

package/src/Masthead/MastheadSearchModal.tsx

@@ -1,101 +0,0 @@
-import { ReactNode, useCallback, useState } from 'react';
-import { Drawer, Modal, ModalTrigger } from '@ndla/modal';
-import { IconButtonV2 as IconButton } from '@ndla/button';
-import { Cross } from '@ndla/icons/action';
-import styled from '@emotion/styled';
-import { spacing, mq, breakpoints, colors } from '@ndla/core';
-import { useTranslation } from 'react-i18next';
-import ToggleSearchButton from '../Search/ToggleSearchButton';
-
-interface Props {
-  onClose: VoidFunction;
-  children: (arg: () => void) => ReactNode;
-  ndlaFilm?: boolean;
-}
-
-const StyledDrawer = styled(Drawer)`
-  background-color: ${colors.brand.greyLightest};
-`;
-
-const StyledHeader = styled.div`
-  display: flex;
-  gap: ${spacing.small};
-  align-items: flex-start;
-  ${mq.range({ from: breakpoints.tablet })} {
-    width: 1024px;
-    max-width: calc(100vw - 100px);
-  }
-  ${mq.range({ from: breakpoints.desktop })} {
-    width: 1024px;
-    max-width: calc(100vw - 156px);
-  }
-  padding: 0;
-  margin: 0 auto;
-
-  display: flex;
-  padding-top: ${spacing.small};
-  padding-bottom: ${spacing.small};
-  ${mq.range({ from: breakpoints.tablet })} {
-    padding-top: ${spacing.normal};
-    padding-bottom: ${spacing.normal};
-  }
-  ${mq.range({ from: breakpoints.desktop })} {
-    padding-top: calc(${spacing.normal} + ${spacing.small});
-    padding-bottom: calc(${spacing.normal} + ${spacing.small});
-  }
-  > input {
-    width: 100%;
-    margin-right: -${spacing.large};
-    ${mq.range({ until: breakpoints.tablet })} {
-      .c-search-field__button--close {
-        right: ${spacing.large} + ${spacing.normal};
-        top: 16px;
-      }
-      .c-search-field__button--searchIcon {
-        right: ${spacing.large};
-        top: ${spacing.small};
-      }
-    }
-  }
-`;
-
-const MastheadSearchModal = ({ onClose: onSearchClose, children, ndlaFilm }: Props) => {
-  const { t } = useTranslation();
-  const [isOpen, setIsOpen] = useState(false);
-
-  const closeModal = useCallback(() => {
-    onSearchClose();
-    setIsOpen(false);
-  }, [onSearchClose]);
-
-  return (
-    <Modal open={isOpen} onOpenChange={setIsOpen}>
-      <ModalTrigger>
-        <ToggleSearchButton
-          onClick={() => setIsOpen(true)}
-          ndlaFilm={ndlaFilm}
-          aria-label={t('masthead.menu.search')}
-          title={t('masthead.menu.search')}
-        >
-          {t('masthead.menu.search')}
-        </ToggleSearchButton>
-      </ModalTrigger>
-      <StyledDrawer
-        aria-label={t('searchPage.searchFieldPlaceholder')}
-        position="top"
-        expands
-        size="small"
-        animationDuration={200}
-      >
-        <StyledHeader>
-          {children(closeModal)}
-          <IconButton aria-label={t('welcomePage.closeSearch')} variant="ghost" colorTheme="light" onClick={closeModal}>
-            <Cross className="c-icon--medium" />
-          </IconButton>
-        </StyledHeader>
-      </StyledDrawer>
-    </Modal>
-  );
-};
-
-export default MastheadSearchModal;