@ndla/ui 30.0.2 → 30.0.6

package/es/TagSelector/MenuList.js

@@ -1,20 +1,15 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/**
- * Copyright (c) 2022-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 { utils } from '@ndla/core';
 import React from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var StyledMenuList = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1e7c4ob0"
-} : {
+export var StyledMenuList = /*#__PURE__*/_styled("div", {
   target: "e1e7c4ob0",
   label: "StyledMenuList"
 })("overflow:overlay;", utils.scrollbar, " display:flex;flex-direction:column;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0MiLCJmaWxlIjoiTWVudUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1dGlscyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVMaXN0UHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgVGFnVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVudUxpc3QgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogb3ZlcmxheTtcbiAgJHt1dGlscy5zY3JvbGxiYXJ9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5jb25zdCBNZW51TGlzdCA9ICh7IGlubmVyUHJvcHMsIGlubmVyUmVmLCBjaGlsZHJlbiB9OiBNZW51TGlzdFByb3BzPFRhZ1R5cGUsIHRydWU+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lbnVMaXN0IHJlZj17aW5uZXJSZWZ9IHsuLi5pbm5lclByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZE1lbnVMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVudUxpc3Q7XG4iXX0= */"));
@@ -23,9 +18,11 @@ var MenuList = function MenuList(_ref) {
   var innerProps = _ref.innerProps,
       innerRef = _ref.innerRef,
       children = _ref.children;
-  return ___EmotionJSX(StyledMenuList, _extends({
+  return _jsx(StyledMenuList, _objectSpread(_objectSpread({
     ref: innerRef
-  }, innerProps), children);
+  }, innerProps), {}, {
+    children: children
+  }));
 };
 
 export default MenuList;

package/es/TagSelector/Option.js

@@ -1,6 +1,12 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /**
  * Copyright (c) 2022-present, NDLA.
@@ -13,11 +19,8 @@ import React from 'react';
 import { buttonStyleV2 as buttonStyle } from '@ndla/button';
 import { colors, fonts } from '@ndla/core';
 import { Done } from '@ndla/icons/editor';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledMenuOption = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ec486651"
-} : {
+var StyledMenuOption = /*#__PURE__*/_styled("div", {
   target: "ec486651",
   label: "StyledMenuOption"
 })("&&{background:", function (_ref) {
@@ -31,9 +34,7 @@ var StyledMenuOption = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
   return selected && colors.brand.grey;
 }, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJnRCIsImZpbGUiOiJPcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgT3B0aW9uUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgYnV0dG9uU3R5bGVWMiBhcyBidXR0b25TdHlsZSB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGZvY3VzZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZE1lbnVPcHRpb24gPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgJiYge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgZm9jdXNlZCB9KSA9PiBmb2N1c2VkICYmIGNvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBjb2xvcjogJHsoeyBmb2N1c2VkIH0pID0+IGZvY3VzZWQgJiYgY29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAke2ZvbnRzLnNpemVzKDE2KX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gICAgY29sb3I6ICR7KHsgc2VsZWN0ZWQgfSkgPT4gc2VsZWN0ZWQgJiYgY29sb3JzLmJyYW5kLmdyZXl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDaGVjayA9IHN0eWxlZChEb25lKWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuYDtcblxuY29uc3QgT3B0aW9uID0gKHsgaW5uZXJQcm9wcywgaW5uZXJSZWYsIGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0ZvY3VzZWQgfTogT3B0aW9uUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudU9wdGlvblxuICAgICAgZm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICBjc3M9e2J1dHRvblN0eWxlKHsgY29sb3JUaGVtZTogJ2xpZ2h0ZXInLCB2YXJpYW50OiAnZ2hvc3QnLCBzaGFwZTogJ3NoYXJwJyB9KX1cbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uaW5uZXJQcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aXNTZWxlY3RlZCAmJiA8U3R5bGVkQ2hlY2sgLz59XG4gICAgPC9TdHlsZWRNZW51T3B0aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
 
-var StyledCheck = /*#__PURE__*/_styled(Done, process.env.NODE_ENV === "production" ? {
-  target: "ec486650"
-} : {
+var StyledCheck = /*#__PURE__*/_styled(Done, {
   target: "ec486650",
   label: "StyledCheck"
 })("width:24px;height:24px;fill:", colors.brand.tertiary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NnQyIsImZpbGUiOiJPcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgT3B0aW9uUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgYnV0dG9uU3R5bGVWMiBhcyBidXR0b25TdHlsZSB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGZvY3VzZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZE1lbnVPcHRpb24gPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgJiYge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgZm9jdXNlZCB9KSA9PiBmb2N1c2VkICYmIGNvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBjb2xvcjogJHsoeyBmb2N1c2VkIH0pID0+IGZvY3VzZWQgJiYgY29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAke2ZvbnRzLnNpemVzKDE2KX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gICAgY29sb3I6ICR7KHsgc2VsZWN0ZWQgfSkgPT4gc2VsZWN0ZWQgJiYgY29sb3JzLmJyYW5kLmdyZXl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDaGVjayA9IHN0eWxlZChEb25lKWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuYDtcblxuY29uc3QgT3B0aW9uID0gKHsgaW5uZXJQcm9wcywgaW5uZXJSZWYsIGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0ZvY3VzZWQgfTogT3B0aW9uUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudU9wdGlvblxuICAgICAgZm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICBjc3M9e2J1dHRvblN0eWxlKHsgY29sb3JUaGVtZTogJ2xpZ2h0ZXInLCB2YXJpYW50OiAnZ2hvc3QnLCBzaGFwZTogJ3NoYXJwJyB9KX1cbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uaW5uZXJQcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aXNTZWxlY3RlZCAmJiA8U3R5bGVkQ2hlY2sgLz59XG4gICAgPC9TdHlsZWRNZW51T3B0aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
@@ -44,7 +45,7 @@ var Option = function Option(_ref4) {
       children = _ref4.children,
       isSelected = _ref4.isSelected,
       isFocused = _ref4.isFocused;
-  return ___EmotionJSX(StyledMenuOption, _extends({
+  return _jsxs(StyledMenuOption, _objectSpread(_objectSpread({
     focused: isFocused,
     selected: isSelected,
     css: buttonStyle({
@@ -53,7 +54,9 @@ var Option = function Option(_ref4) {
       shape: 'sharp'
     }),
     ref: innerRef
-  }, innerProps), children, isSelected && ___EmotionJSX(StyledCheck, null));
+  }, innerProps), {}, {
+    children: [children, isSelected && _jsx(StyledCheck, {})]
+  }));
 };
 
 export default Option;

package/es/TagSelector/SelectContainer.js

@@ -1,19 +1,16 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/**
- * Copyright (c) 2022-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 { colors, fonts, misc } from '@ndla/core';
 import React from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "exs06kq0"
-} : {
+var StyledContainer = /*#__PURE__*/_styled("div", {
   target: "exs06kq0",
   label: "StyledContainer"
 })("display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid ", colors.brand.neutral7, ";border-radius:", misc.borderRadius, ";&:focus-within{border-color:", colors.brand.tertiary, ";}", fonts.sizes(16), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdENvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2tDIiwiZmlsZSI6IlNlbGVjdENvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb250YWluZXJQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBUYWdUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJjpmb2N1cy13aXRoaW4ge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG4gICR7Zm9udHMuc2l6ZXMoMTYpfTtcbmA7XG5cbmNvbnN0IFNlbGVjdENvbnRhaW5lciA9ICh7IGlubmVyUHJvcHMsIHNlbGVjdFByb3BzLCBjaGlsZHJlbiB9OiBDb250YWluZXJQcm9wczxUYWdUeXBlLCB0cnVlPikgPT4ge1xuICByZXR1cm4gPFN0eWxlZENvbnRhaW5lciB7Li4uaW5uZXJQcm9wc30+e2NoaWxkcmVufTwvU3R5bGVkQ29udGFpbmVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdENvbnRhaW5lcjtcbiJdfQ== */"));
@@ -22,7 +19,9 @@ var SelectContainer = function SelectContainer(_ref) {
   var innerProps = _ref.innerProps,
       selectProps = _ref.selectProps,
       children = _ref.children;
-  return ___EmotionJSX(StyledContainer, innerProps, children);
+  return _jsx(StyledContainer, _objectSpread(_objectSpread({}, innerProps), {}, {
+    children: children
+  }));
 };
 
 export default SelectContainer;

package/es/TagSelector/TagSelector.js

@@ -1,4 +1,6 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -40,7 +42,6 @@ import Option from './Option';
 import Menu from './Menu';
 import { createAriaMessages } from './ariaMessages';
 import Input from './Input';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 var styles = {
   menu: function menu() {
     return {};
@@ -72,9 +73,7 @@ var styles = {
   }
 };
 
-var StyledTagSelector = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eor9swf1"
-} : {
+var StyledTagSelector = /*#__PURE__*/_styled("div", {
   target: "eor9swf1",
   label: "StyledTagSelector"
 })(process.env.NODE_ENV === "production" ? {
@@ -87,9 +86,7 @@ var StyledTagSelector = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var StyledLabel = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "production" ? {
-  target: "eor9swf0"
-} : {
+var StyledLabel = /*#__PURE__*/_styled("label", {
   target: "eor9swf0",
   label: "StyledLabel"
 })("font-weight:", fonts.weight.semibold, ";", function (p) {
@@ -155,49 +152,51 @@ var TagSelector = function TagSelector(_ref) {
     });
   };
 
-  return ___EmotionJSX(StyledTagSelector, {
-    className: className
-  }, label && ___EmotionJSX(StyledLabel, {
-    labelHidden: true,
-    htmlFor: "tagselector-creatable",
-    id: "tagselector-label"
-  }, label), ___EmotionJSX(CreatableSelect, {
-    id: "tagselector-creatable",
-    "aria-labelledby": label ? 'tagselector-label' : undefined,
-    ariaLiveMessages: createAriaMessages(t),
-    components: {
-      DropdownIndicator: DropdownIndicator,
-      MultiValue: ValueButton,
-      SelectContainer: SelectContainer,
-      MenuList: MenuList,
-      Control: Control,
-      Option: Option,
-      Menu: Menu,
-      Input: Input
-    },
-    formatCreateLabel: createLabel,
-    inputValue: input,
-    isClearable: false,
-    isMulti: true,
-    noOptionsMessage: function noOptionsMessage() {
-      return t('tagSelector.noOptions');
-    },
-    onChange: handleChange,
-    onCreateOption: onCreateTag,
-    onInputChange: setInput,
-    onKeyDown: handleSpaceClick,
-    options: tags,
-    placeholder: t('tagSelector.placeholder'),
-    screenReaderStatus: function screenReaderStatus(_ref2) {
-      var count = _ref2.count;
-      return t('tagSelector.aria.screenReaderStatus', {
-        count: count
-      });
-    },
-    styles: styles,
-    tabSelectsValue: false,
-    value: selected
-  }));
+  return _jsxs(StyledTagSelector, {
+    className: className,
+    children: [label && _jsx(StyledLabel, {
+      labelHidden: true,
+      htmlFor: "tagselector-creatable",
+      id: "tagselector-label",
+      children: label
+    }), _jsx(CreatableSelect, {
+      id: "tagselector-creatable",
+      "aria-labelledby": label ? 'tagselector-label' : undefined,
+      ariaLiveMessages: createAriaMessages(t),
+      components: {
+        DropdownIndicator: DropdownIndicator,
+        MultiValue: ValueButton,
+        SelectContainer: SelectContainer,
+        MenuList: MenuList,
+        Control: Control,
+        Option: Option,
+        Menu: Menu,
+        Input: Input
+      },
+      formatCreateLabel: createLabel,
+      inputValue: input,
+      isClearable: false,
+      isMulti: true,
+      noOptionsMessage: function noOptionsMessage() {
+        return t('tagSelector.noOptions');
+      },
+      onChange: handleChange,
+      onCreateOption: onCreateTag,
+      onInputChange: setInput,
+      onKeyDown: handleSpaceClick,
+      options: tags,
+      placeholder: t('tagSelector.placeholder'),
+      screenReaderStatus: function screenReaderStatus(_ref2) {
+        var count = _ref2.count;
+        return t('tagSelector.aria.screenReaderStatus', {
+          count: count
+        });
+      },
+      styles: styles,
+      tabSelectsValue: false,
+      value: selected
+    })]
+  });
 };
 
 export default TagSelector;

package/es/TagSelector/ValueButton.js

@@ -1,6 +1,12 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /**
  * Copyright (c) 2022-present, NDLA.
@@ -13,10 +19,7 @@ import React from 'react';
 import { buttonStyleV2 as buttonStyle } from '@ndla/button';
 import { colors, spacing } from '@ndla/core';
 import { Cross } from '@ndla/icons/action';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var StyledValueButton = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1m4p4cx0"
-} : {
+export var StyledValueButton = /*#__PURE__*/_styled("div", {
   target: "e1m4p4cx0",
   label: "StyledValueButton"
 })("&&{background:", function (_ref) {
@@ -32,7 +35,7 @@ var ValueButton = function ValueButton(_ref3) {
       children = _ref3.children,
       removeProps = _ref3.removeProps,
       isFocused = _ref3.isFocused;
-  return ___EmotionJSX(StyledValueButton, _extends({
+  return _jsxs(StyledValueButton, _objectSpread(_objectSpread(_objectSpread({
     selected: isFocused,
     role: "button",
     css: buttonStyle({
@@ -40,9 +43,12 @@ var ValueButton = function ValueButton(_ref3) {
       shape: 'pill',
       size: 'small'
     })
-  }, innerProps, removeProps), ___EmotionJSX("span", {
-    "aria-hidden": true
-  }, "#"), children, ___EmotionJSX(Cross, null));
+  }, innerProps), removeProps), {}, {
+    children: [_jsx("span", {
+      "aria-hidden": true,
+      children: "#"
+    }), children, _jsx(Cross, {})]
+  }));
 };
 
 export default ValueButton;

package/es/ToolboxPage/ToolboxInfo.js

@@ -1,4 +1,7 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 
 /**
  * Copyright (c) 2021-present, NDLA.
@@ -11,11 +14,8 @@ import React from 'react';
 import { breakpoints, fonts, mq } from '@ndla/core';
 import { withTranslation } from 'react-i18next';
 import { NavigationBox } from '../Navigation';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var Heading = /*#__PURE__*/_styled("h1", process.env.NODE_ENV === "production" ? {
-  target: "e1iamp441"
-} : {
+var Heading = /*#__PURE__*/_styled("h1", {
   target: "e1iamp441",
   label: "Heading"
 })(fonts.sizes('30px', '35px'), ";", mq.range({
@@ -24,9 +24,7 @@ var Heading = /*#__PURE__*/_styled("h1", process.env.NODE_ENV === "production" ?
   from: breakpoints.desktop
 }), "{", fonts.sizes('52px', '65px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIiLCJmaWxlIjoiVG9vbGJveEluZm8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgTW91c2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFdpdGhUcmFuc2xhdGlvbiwgd2l0aFRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJdGVtUHJvcHMgfSBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJveCB9IGZyb20gJy4uL05hdmlnYXRpb24nO1xuXG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM1cHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzM2cHgnLCAnNDZweCcpfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc2NXB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBJbnRyb2R1Y3Rpb24gPSBzdHlsZWQucGBcbiAgbWF4LXdpZHRoOiA4MDBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMycHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvcGljczogSXRlbVByb3BzW107XG4gIG9uU2VsZWN0VG9waWM/OiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+LCBpZD86IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFRvb2xib3hJbmZvID0gKHsgdGl0bGUsIGludHJvZHVjdGlvbiwgdG9waWNzLCBvblNlbGVjdFRvcGljLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDw+XG4gICAgPEhlYWRpbmc+e3RpdGxlfTwvSGVhZGluZz5cbiAgICA8SW50cm9kdWN0aW9uPntpbnRyb2R1Y3Rpb259PC9JbnRyb2R1Y3Rpb24+XG4gICAgPE5hdmlnYXRpb25Cb3hcbiAgICAgIGl0ZW1zPXt0b3BpY3N9XG4gICAgICBsaXN0RGlyZWN0aW9uPVwiZmxvYXRpbmdcIlxuICAgICAgaGVhZGluZz17dCgndG9waWNQYWdlLnRvcGljcycpfVxuICAgICAgY29sb3JNb2RlPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgb25DbGljaz17b25TZWxlY3RUb3BpY31cbiAgICAvPlxuICA8Lz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKFRvb2xib3hJbmZvKTtcbiJdfQ== */"));
 
-var Introduction = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "production" ? {
-  target: "e1iamp440"
-} : {
+var Introduction = /*#__PURE__*/_styled("p", {
   target: "e1iamp440",
   label: "Introduction"
 })("max-width:800px;font-weight:", fonts.weight.light, ";", fonts.sizes('18px', '28px'), ";", mq.range({
@@ -41,13 +39,19 @@ var ToolboxInfo = function ToolboxInfo(_ref) {
       topics = _ref.topics,
       onSelectTopic = _ref.onSelectTopic,
       t = _ref.t;
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Heading, null, title), ___EmotionJSX(Introduction, null, introduction), ___EmotionJSX(NavigationBox, {
-    items: topics,
-    listDirection: "floating",
-    heading: t('topicPage.topics'),
-    colorMode: "greyLighter",
-    onClick: onSelectTopic
-  }));
+  return _jsxs(_Fragment, {
+    children: [_jsx(Heading, {
+      children: title
+    }), _jsx(Introduction, {
+      children: introduction
+    }), _jsx(NavigationBox, {
+      items: topics,
+      listDirection: "floating",
+      heading: t('topicPage.topics'),
+      colorMode: "greyLighter",
+      onClick: onSelectTopic
+    })]
+  });
 };
 
 export default withTranslation()(ToolboxInfo);

package/es/Topic/Loader.js

@@ -1,103 +1,105 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import React from 'react';
 import ContentLoader from '../ContentLoader';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var Loader = function Loader() {
-  return ___EmotionJSX(ContentLoader, {
+  return _jsxs(ContentLoader, {
     width: 800,
-    height: 880
-  }, ___EmotionJSX("rect", {
-    x: "0",
-    y: "0",
-    rx: "3",
-    ry: "3",
-    width: "500",
-    height: "60"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "100",
-    rx: "3",
-    ry: "3",
-    width: "500",
-    height: "25"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "140",
-    rx: "3",
-    ry: "3",
-    width: "500",
-    height: "25"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "180",
-    rx: "3",
-    ry: "3",
-    width: "400",
-    height: "25"
-  }), ___EmotionJSX("rect", {
-    x: "600",
-    y: "0",
-    rx: "3",
-    ry: "3",
-    width: "200",
-    height: "205"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "280",
-    rx: "3",
-    ry: "3",
-    width: "800",
-    height: "60"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "350",
-    rx: "3",
-    ry: "3",
-    width: "800",
-    height: "60"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "420",
-    rx: "3",
-    ry: "3",
-    width: "800",
-    height: "60"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "490",
-    rx: "3",
-    ry: "3",
-    width: "800",
-    height: "60"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "560",
-    rx: "3",
-    ry: "3",
-    width: "800",
-    height: "60"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "680",
-    rx: "3",
-    ry: "3",
-    width: "800",
-    height: "60"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "750",
-    rx: "3",
-    ry: "3",
-    width: "800",
-    height: "60"
-  }), ___EmotionJSX("rect", {
-    x: "0",
-    y: "820",
-    rx: "3",
-    ry: "3",
-    width: "800",
-    height: "60"
-  }));
+    height: 880,
+    children: [_jsx("rect", {
+      x: "0",
+      y: "0",
+      rx: "3",
+      ry: "3",
+      width: "500",
+      height: "60"
+    }), _jsx("rect", {
+      x: "0",
+      y: "100",
+      rx: "3",
+      ry: "3",
+      width: "500",
+      height: "25"
+    }), _jsx("rect", {
+      x: "0",
+      y: "140",
+      rx: "3",
+      ry: "3",
+      width: "500",
+      height: "25"
+    }), _jsx("rect", {
+      x: "0",
+      y: "180",
+      rx: "3",
+      ry: "3",
+      width: "400",
+      height: "25"
+    }), _jsx("rect", {
+      x: "600",
+      y: "0",
+      rx: "3",
+      ry: "3",
+      width: "200",
+      height: "205"
+    }), _jsx("rect", {
+      x: "0",
+      y: "280",
+      rx: "3",
+      ry: "3",
+      width: "800",
+      height: "60"
+    }), _jsx("rect", {
+      x: "0",
+      y: "350",
+      rx: "3",
+      ry: "3",
+      width: "800",
+      height: "60"
+    }), _jsx("rect", {
+      x: "0",
+      y: "420",
+      rx: "3",
+      ry: "3",
+      width: "800",
+      height: "60"
+    }), _jsx("rect", {
+      x: "0",
+      y: "490",
+      rx: "3",
+      ry: "3",
+      width: "800",
+      height: "60"
+    }), _jsx("rect", {
+      x: "0",
+      y: "560",
+      rx: "3",
+      ry: "3",
+      width: "800",
+      height: "60"
+    }), _jsx("rect", {
+      x: "0",
+      y: "680",
+      rx: "3",
+      ry: "3",
+      width: "800",
+      height: "60"
+    }), _jsx("rect", {
+      x: "0",
+      y: "750",
+      rx: "3",
+      ry: "3",
+      width: "800",
+      height: "60"
+    }), _jsx("rect", {
+      x: "0",
+      y: "820",
+      rx: "3",
+      ry: "3",
+      width: "800",
+      height: "60"
+    })]
+  });
 };
 
 export default Loader;