@ndla/ui 19.1.0 → 20.0.0

package/es/TreeStructure/helperFunctions.js

@@ -1,3 +1,13 @@
+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; }
+
+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; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -12,21 +22,21 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var getPathOfFolder = function getPathOfFolder(data, findId) {
-  var paths = function paths(dataChildren, path) {
-    var _iterator = _createForOfIteratorHelper(dataChildren),
+export var getPathOfFolder = function getPathOfFolder(data, findId) {
+  var paths = function paths(folders, path) {
+    var _iterator = _createForOfIteratorHelper(folders),
         _step;
 
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var _step$value = _step.value,
             id = _step$value.id,
-            dataChildrenSub = _step$value.data;
+            subfolders = _step$value.subfolders;
 
         if (id === findId) {
           return [].concat(_toConsumableArray(path), [id]);
-        } else if (dataChildrenSub === null || dataChildrenSub === void 0 ? void 0 : dataChildrenSub.length) {
-          return paths(dataChildrenSub, [].concat(_toConsumableArray(path), [id]));
+        } else if (subfolders === null || subfolders === void 0 ? void 0 : subfolders.length) {
+          return paths(subfolders, [].concat(_toConsumableArray(path), [id]));
         }
       }
     } catch (err) {
@@ -40,28 +50,7 @@ var getPathOfFolder = function getPathOfFolder(data, findId) {
 
   return paths(data, []);
 };
-
-var getIdPathsOfFolder = function getIdPathsOfFolder(data, findId) {
-  var currentPath = [];
-
-  var paths = function paths(dataChildren, path) {
-    dataChildren.forEach(function (_ref, _index) {
-      var id = _ref.id,
-          dataChildrenSub = _ref.data;
-
-      if (id === findId) {
-        currentPath = [].concat(_toConsumableArray(path), [_index]);
-      } else if (dataChildrenSub === null || dataChildrenSub === void 0 ? void 0 : dataChildrenSub.length) {
-        paths(dataChildrenSub, [].concat(_toConsumableArray(path), [_index]));
-      }
-    });
-  };
-
-  paths(data, []);
-  return currentPath;
-};
-
-var getFolderName = function getFolderName(data, findId) {
+export var getFolderName = function getFolderName(data, findId) {
   if (!findId) {
     return undefined;
   }
@@ -69,16 +58,16 @@ var getFolderName = function getFolderName(data, findId) {
   var folderName;
 
   var paths = function paths(dataChildren) {
-    dataChildren.some(function (_ref2, _index) {
-      var id = _ref2.id,
-          name = _ref2.name,
-          dataChildrenSub = _ref2.data;
+    dataChildren.some(function (_ref, _index) {
+      var id = _ref.id,
+          name = _ref.name,
+          subfolders = _ref.subfolders;
 
       if (id === findId) {
         folderName = name;
         return true;
-      } else if (dataChildrenSub === null || dataChildrenSub === void 0 ? void 0 : dataChildrenSub.length) {
-        return paths(dataChildrenSub);
+      } else if (subfolders === null || subfolders === void 0 ? void 0 : subfolders.length) {
+        return paths(subfolders);
       }
 
       return false;
@@ -88,5 +77,22 @@ var getFolderName = function getFolderName(data, findId) {
   paths(data);
   return folderName;
 };
+export var flattenFolders = function flattenFolders(folders, openFolders) {
+  return folders.reduce(function (acc, _ref2) {
+    var subfolders = _ref2.subfolders,
+        id = _ref2.id,
+        rest = _objectWithoutProperties(_ref2, ["subfolders", "id"]);
+
+    if (!subfolders || openFolders && !openFolders.includes(id)) {
+      return acc.concat(_objectSpread({
+        subfolders: subfolders,
+        id: id
+      }, rest));
+    }
 
-export { getPathOfFolder, getIdPathsOfFolder, getFolderName };
+    return acc.concat(_objectSpread({
+      subfolders: subfolders,
+      id: id
+    }, rest), flattenFolders(subfolders, openFolders));
+  }, []);
+};

package/es/index.js

@@ -34,7 +34,6 @@ export { Figure, FigureCaption, FigureLicenseDialog, FigureExpandButton, FigureO
 export { LanguageSelector } from './LanguageSelector';
 export { LearningPathWrapper, LearningPathContent, LearningPathMenu, LearningPathSticky, LearningPathInformation, LearningPathStickySibling, LearningPathStickyPlaceholder, LearningPathLastStepNavigation, LearningPathMobileStepInfo, LearningPathMobileHeader } from './LearningPaths';
 export { Translation, TranslationLine, TranslationBox } from './Translation';
-export { default as Spinner } from './Spinner';
 export { default as SearchResultSleeve } from './Search/SearchResultSleeve';
 export { default as ContentTypeResult } from './Search/ContentTypeResult';
 export { SearchFieldForm } from './Search/SearchFieldForm';

package/es/locale/messages-en.js

@@ -817,8 +817,10 @@ var messages = _objectSpread(_objectSpread({
     open: 'Open menu',
     close: 'Close menu'
   },
+  cancel: 'Cancel',
   close: 'Close',
   title: 'Title',
+  save: 'Save',
   image: {
     altText: 'Alt-text',
     caption: 'Caption',
@@ -948,7 +950,8 @@ var messages = _objectSpread(_objectSpread({
     folder: {
       folder: 'Folder',
       "delete": 'Delete',
-      edit: 'Edit'
+      edit: 'Edit',
+      missingName: 'Folder name required'
     },
     confirmDeleteFolder: 'Are you sure you want to delete this folder? This process cannot be undone.',
     confirmDeleteTag: 'Are you sure you want to delete this tag? This process cannot be undone.',

package/es/locale/messages-nb.js

@@ -819,6 +819,8 @@ var messages = _objectSpread(_objectSpread({
   },
   close: 'Lukk',
   title: 'Tittel',
+  cancel: 'Avbryt',
+  save: 'Lagre',
   image: {
     altText: 'Alt-tekst',
     caption: 'Bildetekst',
@@ -948,7 +950,8 @@ var messages = _objectSpread(_objectSpread({
     folder: {
       folder: 'Mappe',
       "delete": 'Slett',
-      edit: 'Rediger'
+      edit: 'Rediger',
+      missingName: 'Mappenavn er påkrevd'
     },
     confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',

package/es/locale/messages-nn.js

@@ -817,8 +817,10 @@ var messages = _objectSpread(_objectSpread({
     open: 'Åpne meny',
     close: 'Lukk meny'
   },
+  cancel: 'Avbryt',
   close: 'Lukk',
   title: 'Tittel',
+  save: 'Lagre',
   image: {
     altText: 'Alt-tekst',
     caption: 'Bilettekst',
@@ -948,7 +950,8 @@ var messages = _objectSpread(_objectSpread({
     folder: {
       folder: 'Mappe',
       "delete": 'Slett',
-      edit: 'Rediger'
+      edit: 'Rediger',
+      missingName: 'Mappenavn er påkrevd'
     },
     confirmDeleteFolder: 'Er du sikker på at du vil slette mappa? Denne handlinga kan ikkje angres.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlinga kan ikkje angres.',

package/es/locale/messages-se.js

@@ -817,8 +817,10 @@ var messages = _objectSpread(_objectSpread({
     open: 'Åpne meny',
     close: 'Lukk meny'
   },
+  cancel: 'Avbryt',
   close: 'Lukk',
   title: 'Tittel',
+  save: 'Lagre',
   image: {
     altText: 'Alt-tekst',
     caption: 'Bilettekst',
@@ -948,7 +950,8 @@ var messages = _objectSpread(_objectSpread({
     folder: {
       folder: 'Mappe',
       "delete": 'Slett',
-      edit: 'Rediger'
+      edit: 'Rediger',
+      missingName: 'Mappenavn er påkrevd'
     },
     confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',

package/es/locale/messages-sma.js

@@ -817,8 +817,10 @@ var messages = _objectSpread(_objectSpread({
     open: 'Åpne meny',
     close: 'Lukk meny'
   },
+  cancel: 'Avbryt',
   close: 'Lukk',
   title: 'Tittel',
+  save: 'Lagre',
   image: {
     altText: 'Alt-tekst',
     caption: 'Bilettekst',
@@ -948,7 +950,8 @@ var messages = _objectSpread(_objectSpread({
     folder: {
       folder: 'Mappe',
       "delete": 'Slett',
-      edit: 'Rediger'
+      edit: 'Rediger',
+      missingName: 'Mappenavn er påkrevd'
     },
     confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',

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

@@ -9,7 +9,7 @@
 interface Props {
     onAddFolder: (name: string) => void;
     onClose: () => void;
-    autoFocus?: boolean;
+    autoSelect?: boolean;
 }
-declare const FolderInput: ({ onAddFolder, onClose, autoFocus }: Props) => JSX.Element;
+declare const FolderInput: ({ onAddFolder, onClose, autoSelect }: Props) => JSX.Element;
 export default FolderInput;

package/lib/MyNdla/Resource/FolderInput.js

@@ -21,6 +21,8 @@ var _reactI18next = require("react-i18next");
 
 var _core = require("@ndla/core");
 
+var _forms = require("@ndla/forms");
+
 var _core2 = require("@emotion/core");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -43,23 +45,20 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 // Source: https://kovart.github.io/dashed-border-generator/
 var borderStyle = "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(_core.colors.brand.tertiary), "' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e\")");
-var FolderInputWrapper = (0, _styledBase["default"])("div", {
-  target: "esbqk1r0",
-  label: "FolderInputWrapper"
-})("display:flex;flex-direction:row;align-items:center;padding:", _core.spacing.small, ";background-image:", borderStyle, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnFDIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBGb2xkZXJPdXRsaW5lZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbnRlbnRUeXBlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG4vLyBTb3VyY2U6IGh0dHBzOi8va292YXJ0LmdpdGh1Yi5pby9kYXNoZWQtYm9yZGVyLWdlbmVyYXRvci9cbmNvbnN0IGJvcmRlclN0eWxlID0gYHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2Nzdmcgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM2UlM2NyZWN0IHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyBmaWxsPSdub25lJyBzdHJva2U9JyR7ZW5jb2RlVVJJQ29tcG9uZW50KFxuICBjb2xvcnMuYnJhbmQudGVydGlhcnksXG4pfScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtZGFzaGFycmF5PSc4JTJjOCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzQnIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnLyUzZSUzYy9zdmclM2VcIilgO1xuXG5jb25zdCBGb2xkZXJJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuXG4gIGJhY2tncm91bmQtaW1hZ2U6ICR7Ym9yZGVyU3R5bGV9O1xuYDtcblxuY29uc3QgU3R5bGVkRm9sZGVySWNvbiA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgd2lkdGg6IDIwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBsaW5lLWhlaWdodDogMS43NWVtO1xuXG4gIDo6c2VsZWN0aW9uIHtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25BZGRGb2xkZXI6IChuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIGF1dG9Gb2N1cz86IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvbGRlcklucHV0ID0gKHsgb25BZGRGb2xkZXIsIG9uQ2xvc2UsIGF1dG9Gb2N1cyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IG5ld0ZvbGRlclRleHQgPSB0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5kZWZhdWx0TmFtZScpO1xuICBjb25zdCBbaW5wdXQsIHNldElucHV0XSA9IHVzZVN0YXRlPHN0cmluZz4obmV3Rm9sZGVyVGV4dCk7XG4gIGNvbnN0IFttb3VudGVkLCBzZXRNb3VudGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzZXRJbnB1dChlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlkb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgaW5wdXQpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uQWRkRm9sZGVyKGlucHV0KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobW91bnRlZCAmJiBhdXRvRm9jdXMpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LnNlbGVjdCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBzZXRNb3VudGVkKHRydWUpO1xuICAgIH1cbiAgfSwgW21vdW50ZWQsIGF1dG9Gb2N1c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZvbGRlcklucHV0V3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb2xkZXJJY29uPlxuICAgICAgICA8Rm9sZGVyT3V0bGluZWQgLz5cbiAgICAgIDwvU3R5bGVkRm9sZGVySWNvbj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB2YWx1ZT17aW5wdXR9XG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVJbnB1dENoYW5nZX1cbiAgICAgICAgb25LZXlEb3duPXtvbktleWRvd259XG4gICAgICAgIGFyaWEtbGFiZWw9e25ld0ZvbGRlclRleHR9XG4gICAgICAvPlxuICAgICAgPEljb25CdXR0b24gYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgZ2hvc3RQaWxsIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L0ZvbGRlcklucHV0V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcklucHV0O1xuIl19 */"));
 var StyledFolderIcon = (0, _styledBase["default"])("span", {
-  target: "esbqk1r1",
+  target: "esbqk1r0",
   label: "StyledFolderIcon"
-})("display:flex;padding:", _core.spacing.small, ";svg{color:", _core.colors.brand.primary, ";height:20px;width:20px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBGb2xkZXJPdXRsaW5lZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbnRlbnRUeXBlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG4vLyBTb3VyY2U6IGh0dHBzOi8va292YXJ0LmdpdGh1Yi5pby9kYXNoZWQtYm9yZGVyLWdlbmVyYXRvci9cbmNvbnN0IGJvcmRlclN0eWxlID0gYHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2Nzdmcgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM2UlM2NyZWN0IHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyBmaWxsPSdub25lJyBzdHJva2U9JyR7ZW5jb2RlVVJJQ29tcG9uZW50KFxuICBjb2xvcnMuYnJhbmQudGVydGlhcnksXG4pfScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtZGFzaGFycmF5PSc4JTJjOCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzQnIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnLyUzZSUzYy9zdmclM2VcIilgO1xuXG5jb25zdCBGb2xkZXJJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuXG4gIGJhY2tncm91bmQtaW1hZ2U6ICR7Ym9yZGVyU3R5bGV9O1xuYDtcblxuY29uc3QgU3R5bGVkRm9sZGVySWNvbiA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgd2lkdGg6IDIwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBsaW5lLWhlaWdodDogMS43NWVtO1xuXG4gIDo6c2VsZWN0aW9uIHtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25BZGRGb2xkZXI6IChuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIGF1dG9Gb2N1cz86IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvbGRlcklucHV0ID0gKHsgb25BZGRGb2xkZXIsIG9uQ2xvc2UsIGF1dG9Gb2N1cyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IG5ld0ZvbGRlclRleHQgPSB0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5kZWZhdWx0TmFtZScpO1xuICBjb25zdCBbaW5wdXQsIHNldElucHV0XSA9IHVzZVN0YXRlPHN0cmluZz4obmV3Rm9sZGVyVGV4dCk7XG4gIGNvbnN0IFttb3VudGVkLCBzZXRNb3VudGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzZXRJbnB1dChlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlkb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgaW5wdXQpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uQWRkRm9sZGVyKGlucHV0KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobW91bnRlZCAmJiBhdXRvRm9jdXMpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LnNlbGVjdCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBzZXRNb3VudGVkKHRydWUpO1xuICAgIH1cbiAgfSwgW21vdW50ZWQsIGF1dG9Gb2N1c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZvbGRlcklucHV0V3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb2xkZXJJY29uPlxuICAgICAgICA8Rm9sZGVyT3V0bGluZWQgLz5cbiAgICAgIDwvU3R5bGVkRm9sZGVySWNvbj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB2YWx1ZT17aW5wdXR9XG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVJbnB1dENoYW5nZX1cbiAgICAgICAgb25LZXlEb3duPXtvbktleWRvd259XG4gICAgICAgIGFyaWEtbGFiZWw9e25ld0ZvbGRlclRleHR9XG4gICAgICAvPlxuICAgICAgPEljb25CdXR0b24gYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgZ2hvc3RQaWxsIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L0ZvbGRlcklucHV0V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcklucHV0O1xuIl19 */"));
-var StyledInput = (0, _styledBase["default"])("input", {
-  target: "esbqk1r2",
+})("display:flex;padding:", _core.spacing.small, ";svg{color:", _core.colors.brand.primary, ";height:20px;width:20px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Qm9DIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBGb2xkZXJPdXRsaW5lZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbnRlbnRUeXBlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbi8vIFNvdXJjZTogaHR0cHM6Ly9rb3ZhcnQuZ2l0aHViLmlvL2Rhc2hlZC1ib3JkZXItZ2VuZXJhdG9yL1xuY29uc3QgYm9yZGVyU3R5bGUgPSBgdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzZSUzY3JlY3Qgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nJHtlbmNvZGVVUklDb21wb25lbnQoXG4gIGNvbG9ycy5icmFuZC50ZXJ0aWFyeSxcbil9JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1kYXNoYXJyYXk9JzglMmM4JyBzdHJva2UtZGFzaG9mZnNldD0nNCcgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScvJTNlJTNjL3N2ZyUzZVwiKWA7XG5cbmNvbnN0IFN0eWxlZEZvbGRlckljb24gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5jb25zdCBpbnB1dFdyYXBwZXJTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtib3JkZXJTdHlsZX07XG4gIGJvcmRlcjogbm9uZTtcbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgJiYge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1ZW07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25BZGRGb2xkZXI6IChuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIGF1dG9TZWxlY3Q/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJJbnB1dCA9ICh7IG9uQWRkRm9sZGVyLCBvbkNsb3NlLCBhdXRvU2VsZWN0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbmV3Rm9sZGVyVGV4dCA9IHQoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLmRlZmF1bHROYW1lJyk7XG4gIGNvbnN0IFtpbnB1dCwgc2V0SW5wdXRdID0gdXNlU3RhdGU8c3RyaW5nPihuZXdGb2xkZXJUZXh0KTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzZXRJbnB1dChlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlkb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgaW5wdXQudHJpbSgpKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvbkFkZEZvbGRlcihpbnB1dCk7XG4gICAgfSBlbHNlIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uQ2xvc2UoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW5wdXRcbiAgICAgIGF1dG9TZWxlY3Q9e2F1dG9TZWxlY3R9XG4gICAgICBjdXN0b21Dc3M9e2lucHV0V3JhcHBlclN0eWxlfVxuICAgICAgd2FybmluZ1RleHQ9eyFpbnB1dC50cmltKCkgPyB0KCdteU5kbGEuZm9sZGVyLm1pc3NpbmdOYW1lJykgOiB1bmRlZmluZWR9XG4gICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgdmFsdWU9e2lucHV0fVxuICAgICAgb25DaGFuZ2U9e2hhbmRsZUlucHV0Q2hhbmdlfVxuICAgICAgb25LZXlEb3duPXtvbktleWRvd259XG4gICAgICBhcmlhLWxhYmVsPXtuZXdGb2xkZXJUZXh0fVxuICAgICAgaWNvbkxlZnQ9e1xuICAgICAgICA8U3R5bGVkRm9sZGVySWNvbj5cbiAgICAgICAgICA8Rm9sZGVyT3V0bGluZWQgLz5cbiAgICAgICAgPC9TdHlsZWRGb2xkZXJJY29uPlxuICAgICAgfVxuICAgICAgaWNvblJpZ2h0PXtcbiAgICAgICAgPEljb25CdXR0b24gYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgZ2hvc3RQaWxsIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICB9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcklucHV0O1xuIl19 */"));
+var inputWrapperStyle = /*#__PURE__*/(0, _core2.css)("padding:", _core.spacing.small, ";background:none;background-image:", borderStyle, ";border:none;;label:inputWrapperStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzZCIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBGb2xkZXJPdXRsaW5lZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbnRlbnRUeXBlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbi8vIFNvdXJjZTogaHR0cHM6Ly9rb3ZhcnQuZ2l0aHViLmlvL2Rhc2hlZC1ib3JkZXItZ2VuZXJhdG9yL1xuY29uc3QgYm9yZGVyU3R5bGUgPSBgdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzZSUzY3JlY3Qgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nJHtlbmNvZGVVUklDb21wb25lbnQoXG4gIGNvbG9ycy5icmFuZC50ZXJ0aWFyeSxcbil9JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1kYXNoYXJyYXk9JzglMmM4JyBzdHJva2UtZGFzaG9mZnNldD0nNCcgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScvJTNlJTNjL3N2ZyUzZVwiKWA7XG5cbmNvbnN0IFN0eWxlZEZvbGRlckljb24gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5jb25zdCBpbnB1dFdyYXBwZXJTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtib3JkZXJTdHlsZX07XG4gIGJvcmRlcjogbm9uZTtcbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgJiYge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1ZW07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25BZGRGb2xkZXI6IChuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIGF1dG9TZWxlY3Q/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJJbnB1dCA9ICh7IG9uQWRkRm9sZGVyLCBvbkNsb3NlLCBhdXRvU2VsZWN0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbmV3Rm9sZGVyVGV4dCA9IHQoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLmRlZmF1bHROYW1lJyk7XG4gIGNvbnN0IFtpbnB1dCwgc2V0SW5wdXRdID0gdXNlU3RhdGU8c3RyaW5nPihuZXdGb2xkZXJUZXh0KTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzZXRJbnB1dChlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlkb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgaW5wdXQudHJpbSgpKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvbkFkZEZvbGRlcihpbnB1dCk7XG4gICAgfSBlbHNlIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uQ2xvc2UoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW5wdXRcbiAgICAgIGF1dG9TZWxlY3Q9e2F1dG9TZWxlY3R9XG4gICAgICBjdXN0b21Dc3M9e2lucHV0V3JhcHBlclN0eWxlfVxuICAgICAgd2FybmluZ1RleHQ9eyFpbnB1dC50cmltKCkgPyB0KCdteU5kbGEuZm9sZGVyLm1pc3NpbmdOYW1lJykgOiB1bmRlZmluZWR9XG4gICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgdmFsdWU9e2lucHV0fVxuICAgICAgb25DaGFuZ2U9e2hhbmRsZUlucHV0Q2hhbmdlfVxuICAgICAgb25LZXlEb3duPXtvbktleWRvd259XG4gICAgICBhcmlhLWxhYmVsPXtuZXdGb2xkZXJUZXh0fVxuICAgICAgaWNvbkxlZnQ9e1xuICAgICAgICA8U3R5bGVkRm9sZGVySWNvbj5cbiAgICAgICAgICA8Rm9sZGVyT3V0bGluZWQgLz5cbiAgICAgICAgPC9TdHlsZWRGb2xkZXJJY29uPlxuICAgICAgfVxuICAgICAgaWNvblJpZ2h0PXtcbiAgICAgICAgPEljb25CdXR0b24gYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgZ2hvc3RQaWxsIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICB9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcklucHV0O1xuIl19 */"));
+var StyledInput = ( /*#__PURE__*/0, _styledBase["default"])(_forms.Input, {
+  target: "esbqk1r1",
   label: "StyledInput"
-})("color:", _core.colors.brand.primary, ";outline:none;border:none;margin-right:auto;line-height:1.75em;::selection{background:", _core.colors.brand.lighter, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dDIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBGb2xkZXJPdXRsaW5lZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbnRlbnRUeXBlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG4vLyBTb3VyY2U6IGh0dHBzOi8va292YXJ0LmdpdGh1Yi5pby9kYXNoZWQtYm9yZGVyLWdlbmVyYXRvci9cbmNvbnN0IGJvcmRlclN0eWxlID0gYHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2Nzdmcgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM2UlM2NyZWN0IHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyBmaWxsPSdub25lJyBzdHJva2U9JyR7ZW5jb2RlVVJJQ29tcG9uZW50KFxuICBjb2xvcnMuYnJhbmQudGVydGlhcnksXG4pfScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtZGFzaGFycmF5PSc4JTJjOCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzQnIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnLyUzZSUzYy9zdmclM2VcIilgO1xuXG5jb25zdCBGb2xkZXJJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuXG4gIGJhY2tncm91bmQtaW1hZ2U6ICR7Ym9yZGVyU3R5bGV9O1xuYDtcblxuY29uc3QgU3R5bGVkRm9sZGVySWNvbiA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgd2lkdGg6IDIwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBsaW5lLWhlaWdodDogMS43NWVtO1xuXG4gIDo6c2VsZWN0aW9uIHtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25BZGRGb2xkZXI6IChuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIGF1dG9Gb2N1cz86IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvbGRlcklucHV0ID0gKHsgb25BZGRGb2xkZXIsIG9uQ2xvc2UsIGF1dG9Gb2N1cyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IG5ld0ZvbGRlclRleHQgPSB0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5kZWZhdWx0TmFtZScpO1xuICBjb25zdCBbaW5wdXQsIHNldElucHV0XSA9IHVzZVN0YXRlPHN0cmluZz4obmV3Rm9sZGVyVGV4dCk7XG4gIGNvbnN0IFttb3VudGVkLCBzZXRNb3VudGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzZXRJbnB1dChlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlkb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgaW5wdXQpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uQWRkRm9sZGVyKGlucHV0KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobW91bnRlZCAmJiBhdXRvRm9jdXMpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LnNlbGVjdCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBzZXRNb3VudGVkKHRydWUpO1xuICAgIH1cbiAgfSwgW21vdW50ZWQsIGF1dG9Gb2N1c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZvbGRlcklucHV0V3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb2xkZXJJY29uPlxuICAgICAgICA8Rm9sZGVyT3V0bGluZWQgLz5cbiAgICAgIDwvU3R5bGVkRm9sZGVySWNvbj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB2YWx1ZT17aW5wdXR9XG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVJbnB1dENoYW5nZX1cbiAgICAgICAgb25LZXlEb3duPXtvbktleWRvd259XG4gICAgICAgIGFyaWEtbGFiZWw9e25ld0ZvbGRlclRleHR9XG4gICAgICAvPlxuICAgICAgPEljb25CdXR0b24gYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgZ2hvc3RQaWxsIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L0ZvbGRlcklucHV0V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcklucHV0O1xuIl19 */"));
+})("&&{line-height:1.75em;color:", _core.colors.brand.primary, ";::selection{background:", _core.colors.brand.lighter, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2lDIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBGb2xkZXJPdXRsaW5lZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbnRlbnRUeXBlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbi8vIFNvdXJjZTogaHR0cHM6Ly9rb3ZhcnQuZ2l0aHViLmlvL2Rhc2hlZC1ib3JkZXItZ2VuZXJhdG9yL1xuY29uc3QgYm9yZGVyU3R5bGUgPSBgdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzZSUzY3JlY3Qgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nJHtlbmNvZGVVUklDb21wb25lbnQoXG4gIGNvbG9ycy5icmFuZC50ZXJ0aWFyeSxcbil9JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1kYXNoYXJyYXk9JzglMmM4JyBzdHJva2UtZGFzaG9mZnNldD0nNCcgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScvJTNlJTNjL3N2ZyUzZVwiKWA7XG5cbmNvbnN0IFN0eWxlZEZvbGRlckljb24gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5jb25zdCBpbnB1dFdyYXBwZXJTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtib3JkZXJTdHlsZX07XG4gIGJvcmRlcjogbm9uZTtcbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgJiYge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1ZW07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25BZGRGb2xkZXI6IChuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIGF1dG9TZWxlY3Q/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJJbnB1dCA9ICh7IG9uQWRkRm9sZGVyLCBvbkNsb3NlLCBhdXRvU2VsZWN0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbmV3Rm9sZGVyVGV4dCA9IHQoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLmRlZmF1bHROYW1lJyk7XG4gIGNvbnN0IFtpbnB1dCwgc2V0SW5wdXRdID0gdXNlU3RhdGU8c3RyaW5nPihuZXdGb2xkZXJUZXh0KTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzZXRJbnB1dChlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlkb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgaW5wdXQudHJpbSgpKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvbkFkZEZvbGRlcihpbnB1dCk7XG4gICAgfSBlbHNlIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uQ2xvc2UoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW5wdXRcbiAgICAgIGF1dG9TZWxlY3Q9e2F1dG9TZWxlY3R9XG4gICAgICBjdXN0b21Dc3M9e2lucHV0V3JhcHBlclN0eWxlfVxuICAgICAgd2FybmluZ1RleHQ9eyFpbnB1dC50cmltKCkgPyB0KCdteU5kbGEuZm9sZGVyLm1pc3NpbmdOYW1lJykgOiB1bmRlZmluZWR9XG4gICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgdmFsdWU9e2lucHV0fVxuICAgICAgb25DaGFuZ2U9e2hhbmRsZUlucHV0Q2hhbmdlfVxuICAgICAgb25LZXlEb3duPXtvbktleWRvd259XG4gICAgICBhcmlhLWxhYmVsPXtuZXdGb2xkZXJUZXh0fVxuICAgICAgaWNvbkxlZnQ9e1xuICAgICAgICA8U3R5bGVkRm9sZGVySWNvbj5cbiAgICAgICAgICA8Rm9sZGVyT3V0bGluZWQgLz5cbiAgICAgICAgPC9TdHlsZWRGb2xkZXJJY29uPlxuICAgICAgfVxuICAgICAgaWNvblJpZ2h0PXtcbiAgICAgICAgPEljb25CdXR0b24gYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgZ2hvc3RQaWxsIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICB9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlcklucHV0O1xuIl19 */"));
 
 var FolderInput = function FolderInput(_ref) {
   var onAddFolder = _ref.onAddFolder,
       onClose = _ref.onClose,
-      autoFocus = _ref.autoFocus;
+      autoSelect = _ref.autoSelect;
 
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
@@ -71,11 +70,6 @@ var FolderInput = function FolderInput(_ref) {
       input = _useState2[0],
       setInput = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      mounted = _useState4[0],
-      setMounted = _useState4[1];
-
   var inputRef = (0, _react.useRef)(null);
 
   var handleInputChange = function handleInputChange(e) {
@@ -83,33 +77,32 @@ var FolderInput = function FolderInput(_ref) {
   };
 
   var onKeydown = function onKeydown(e) {
-    if (e.key === 'Enter' && input) {
+    if (e.key === 'Enter' && input.trim()) {
       e.preventDefault();
       onAddFolder(input);
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      onClose();
     }
   };
 
-  (0, _react.useEffect)(function () {
-    if (mounted && autoFocus) {
-      var _inputRef$current;
-
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.select();
-    } else {
-      setMounted(true);
-    }
-  }, [mounted, autoFocus]);
-  return (0, _core2.jsx)(FolderInputWrapper, null, (0, _core2.jsx)(StyledFolderIcon, null, (0, _core2.jsx)(_contentType.FolderOutlined, null)), (0, _core2.jsx)(StyledInput, {
+  return (0, _core2.jsx)(StyledInput, {
+    autoSelect: autoSelect,
+    customCss: inputWrapperStyle,
+    warningText: !input.trim() ? t('myNdla.folder.missingName') : undefined,
     ref: inputRef,
     value: input,
     onChange: handleInputChange,
     onKeyDown: onKeydown,
-    "aria-label": newFolderText
-  }), (0, _core2.jsx)(_button.IconButton, {
-    "aria-label": t('close'),
-    size: "small",
-    ghostPill: true,
-    onClick: onClose
-  }, (0, _core2.jsx)(_action.Cross, null)));
+    "aria-label": newFolderText,
+    iconLeft: (0, _core2.jsx)(StyledFolderIcon, null, (0, _core2.jsx)(_contentType.FolderOutlined, null)),
+    iconRight: (0, _core2.jsx)(_button.IconButton, {
+      "aria-label": t('close'),
+      size: "small",
+      ghostPill: true,
+      onClick: onClose
+    }, (0, _core2.jsx)(_action.Cross, null))
+  });
 };
 
 var _default = FolderInput;