@ndla/ui 19.1.1 → 20.0.2

package/README.md

@@ -43,7 +43,7 @@ See: [package.json](package.json) for version requirements
 ### Simplified example
 
 ```jsx
-import { Hero, OneColumn, Article, Breadcrumb } from '@ndla/ui';
+import { Breadcrumb, Hero, OneColumn, Article } from '@ndla/ui';
 
 const MyPage = ({ topicPath, topic, article }) => {
   return (

package/es/Masthead/Masthead.js

@@ -76,6 +76,7 @@ export var Masthead = function Masthead(_ref3) {
     ndlaFilm: !!ndlaFilm
   })), messages === null || messages === void 0 ? void 0 : messages.map(function (message) {
     return ___EmotionJSX(MessageBanner, {
+      key: message.number,
       showCloseButton: message.closable,
       onClose: function onClose() {
         return onCloseAlert === null || onCloseAlert === void 0 ? void 0 : onCloseAlert(message.number);

package/es/Messages/MessageBanner.js

@@ -22,7 +22,7 @@ var MessageBannerWrapper = _styled("div", {
 })("display:grid;grid-template-areas:'. content closebutton';grid-template-columns:minmax(30px,1fr) minmax(0,auto) minmax(30px,1fr);padding:", function (_ref) {
   var small = _ref.small;
   return small ? spacing.xxsmall : spacing.small;
-}, ";background:", colors.support.yellowLight, ";color:", colors.brand.greyDark, ";border:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUQiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXI6IG5vbmU7XG5gO1xuXG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJiBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENsb3NlYnV0dG9uID0gc3R5bGVkKENsb3NlQnV0dG9uKWBcbiAgZ3JpZC1hcmVhOiBjbG9zZWJ1dHRvbjtcbiAgcGFkZGluZzogMDtcbiAganVzdGlmeS1zZWxmOiBmbGV4LWVuZDtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBzdHJpbmc7XG4gIHNob3dDbG9zZUJ1dHRvbj86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBtYXJrZG93biA9IG5ldyBSZW1hcmthYmxlKHsgYnJlYWtzOiB0cnVlIH0pO1xubWFya2Rvd24uaW5saW5lLnJ1bGVyLmVuYWJsZShbJ3N1YicsICdzdXAnXSk7XG5tYXJrZG93bi5ibG9jay5ydWxlci5kaXNhYmxlKFsnbGlzdCcsICd0YWJsZSddKTtcblxuY29uc3QgTWVzc2FnZUJhbm5lciA9ICh7IGNoaWxkcmVuLCBvbkNsb3NlLCBzaG93Q2xvc2VCdXR0b24sIHNtYWxsIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1lc3NhZ2VCYW5uZXJXcmFwcGVyIHNtYWxsPXtzbWFsbH0+XG4gICAgICA8VGV4dFdyYXBwZXIgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBtYXJrZG93bi5yZW5kZXIoY2hpbGRyZW4pIH19IC8+XG4gICAgICB7c2hvd0Nsb3NlQnV0dG9uICYmIDxTdHlsZWRDbG9zZWJ1dHRvbiBvbkNsaWNrPXtvbkNsb3NlfSAvPn1cbiAgICA8L01lc3NhZ2VCYW5uZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVzc2FnZUJhbm5lcjtcbiJdfQ== */"));
+}, ";background:", colors.support.yellowLight, ";color:", colors.brand.greyDark, ";border-bottom:solid 1px ", colors.white, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUQiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggJHtjb2xvcnMud2hpdGV9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICYgcCB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZWJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIGdyaWQtYXJlYTogY2xvc2VidXR0b247XG4gIHBhZGRpbmc6IDA7XG4gIGp1c3RpZnktc2VsZjogZmxleC1lbmQ7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbWFsbD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgbWFya2Rvd24gPSBuZXcgUmVtYXJrYWJsZSh7IGJyZWFrczogdHJ1ZSB9KTtcbm1hcmtkb3duLmlubGluZS5ydWxlci5lbmFibGUoWydzdWInLCAnc3VwJ10pO1xubWFya2Rvd24uYmxvY2sucnVsZXIuZGlzYWJsZShbJ2xpc3QnLCAndGFibGUnXSk7XG5cbmNvbnN0IE1lc3NhZ2VCYW5uZXIgPSAoeyBjaGlsZHJlbiwgb25DbG9zZSwgc2hvd0Nsb3NlQnV0dG9uLCBzbWFsbCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNZXNzYWdlQmFubmVyV3JhcHBlciBzbWFsbD17c21hbGx9PlxuICAgICAgPFRleHRXcmFwcGVyIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbWFya2Rvd24ucmVuZGVyKGNoaWxkcmVuKSB9fSAvPlxuICAgICAge3Nob3dDbG9zZUJ1dHRvbiAmJiA8U3R5bGVkQ2xvc2VidXR0b24gb25DbGljaz17b25DbG9zZX0gLz59XG4gICAgPC9NZXNzYWdlQmFubmVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lc3NhZ2VCYW5uZXI7XG4iXX0= */"));
 
 var TextWrapper = _styled("div", {
   target: "eb5ubi51",
@@ -33,7 +33,7 @@ var TextWrapper = _styled("div", {
 } : {
   name: "1ft2rli",
   styles: "display:flex;grid-area:content;align-items:center;& p{margin:0;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCOEIiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXI6IG5vbmU7XG5gO1xuXG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJiBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENsb3NlYnV0dG9uID0gc3R5bGVkKENsb3NlQnV0dG9uKWBcbiAgZ3JpZC1hcmVhOiBjbG9zZWJ1dHRvbjtcbiAgcGFkZGluZzogMDtcbiAganVzdGlmeS1zZWxmOiBmbGV4LWVuZDtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBzdHJpbmc7XG4gIHNob3dDbG9zZUJ1dHRvbj86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBtYXJrZG93biA9IG5ldyBSZW1hcmthYmxlKHsgYnJlYWtzOiB0cnVlIH0pO1xubWFya2Rvd24uaW5saW5lLnJ1bGVyLmVuYWJsZShbJ3N1YicsICdzdXAnXSk7XG5tYXJrZG93bi5ibG9jay5ydWxlci5kaXNhYmxlKFsnbGlzdCcsICd0YWJsZSddKTtcblxuY29uc3QgTWVzc2FnZUJhbm5lciA9ICh7IGNoaWxkcmVuLCBvbkNsb3NlLCBzaG93Q2xvc2VCdXR0b24sIHNtYWxsIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1lc3NhZ2VCYW5uZXJXcmFwcGVyIHNtYWxsPXtzbWFsbH0+XG4gICAgICA8VGV4dFdyYXBwZXIgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBtYXJrZG93bi5yZW5kZXIoY2hpbGRyZW4pIH19IC8+XG4gICAgICB7c2hvd0Nsb3NlQnV0dG9uICYmIDxTdHlsZWRDbG9zZWJ1dHRvbiBvbkNsaWNrPXtvbkNsb3NlfSAvPn1cbiAgICA8L01lc3NhZ2VCYW5uZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVzc2FnZUJhbm5lcjtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCOEIiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggJHtjb2xvcnMud2hpdGV9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICYgcCB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZWJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIGdyaWQtYXJlYTogY2xvc2VidXR0b247XG4gIHBhZGRpbmc6IDA7XG4gIGp1c3RpZnktc2VsZjogZmxleC1lbmQ7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbWFsbD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgbWFya2Rvd24gPSBuZXcgUmVtYXJrYWJsZSh7IGJyZWFrczogdHJ1ZSB9KTtcbm1hcmtkb3duLmlubGluZS5ydWxlci5lbmFibGUoWydzdWInLCAnc3VwJ10pO1xubWFya2Rvd24uYmxvY2sucnVsZXIuZGlzYWJsZShbJ2xpc3QnLCAndGFibGUnXSk7XG5cbmNvbnN0IE1lc3NhZ2VCYW5uZXIgPSAoeyBjaGlsZHJlbiwgb25DbG9zZSwgc2hvd0Nsb3NlQnV0dG9uLCBzbWFsbCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNZXNzYWdlQmFubmVyV3JhcHBlciBzbWFsbD17c21hbGx9PlxuICAgICAgPFRleHRXcmFwcGVyIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbWFya2Rvd24ucmVuZGVyKGNoaWxkcmVuKSB9fSAvPlxuICAgICAge3Nob3dDbG9zZUJ1dHRvbiAmJiA8U3R5bGVkQ2xvc2VidXR0b24gb25DbGljaz17b25DbG9zZX0gLz59XG4gICAgPC9NZXNzYWdlQmFubmVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lc3NhZ2VCYW5uZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -46,7 +46,7 @@ var StyledClosebutton = /*#__PURE__*/_styled(CloseButton, {
 } : {
   name: "1n7rg8y",
   styles: "grid-area:closebutton;padding:0;justify-self:flex-end;align-self:flex-start;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDNkMiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXI6IG5vbmU7XG5gO1xuXG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJiBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENsb3NlYnV0dG9uID0gc3R5bGVkKENsb3NlQnV0dG9uKWBcbiAgZ3JpZC1hcmVhOiBjbG9zZWJ1dHRvbjtcbiAgcGFkZGluZzogMDtcbiAganVzdGlmeS1zZWxmOiBmbGV4LWVuZDtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBzdHJpbmc7XG4gIHNob3dDbG9zZUJ1dHRvbj86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBtYXJrZG93biA9IG5ldyBSZW1hcmthYmxlKHsgYnJlYWtzOiB0cnVlIH0pO1xubWFya2Rvd24uaW5saW5lLnJ1bGVyLmVuYWJsZShbJ3N1YicsICdzdXAnXSk7XG5tYXJrZG93bi5ibG9jay5ydWxlci5kaXNhYmxlKFsnbGlzdCcsICd0YWJsZSddKTtcblxuY29uc3QgTWVzc2FnZUJhbm5lciA9ICh7IGNoaWxkcmVuLCBvbkNsb3NlLCBzaG93Q2xvc2VCdXR0b24sIHNtYWxsIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1lc3NhZ2VCYW5uZXJXcmFwcGVyIHNtYWxsPXtzbWFsbH0+XG4gICAgICA8VGV4dFdyYXBwZXIgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBtYXJrZG93bi5yZW5kZXIoY2hpbGRyZW4pIH19IC8+XG4gICAgICB7c2hvd0Nsb3NlQnV0dG9uICYmIDxTdHlsZWRDbG9zZWJ1dHRvbiBvbkNsaWNrPXtvbkNsb3NlfSAvPn1cbiAgICA8L01lc3NhZ2VCYW5uZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVzc2FnZUJhbm5lcjtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDNkMiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggJHtjb2xvcnMud2hpdGV9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICYgcCB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZWJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIGdyaWQtYXJlYTogY2xvc2VidXR0b247XG4gIHBhZGRpbmc6IDA7XG4gIGp1c3RpZnktc2VsZjogZmxleC1lbmQ7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbWFsbD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgbWFya2Rvd24gPSBuZXcgUmVtYXJrYWJsZSh7IGJyZWFrczogdHJ1ZSB9KTtcbm1hcmtkb3duLmlubGluZS5ydWxlci5lbmFibGUoWydzdWInLCAnc3VwJ10pO1xubWFya2Rvd24uYmxvY2sucnVsZXIuZGlzYWJsZShbJ2xpc3QnLCAndGFibGUnXSk7XG5cbmNvbnN0IE1lc3NhZ2VCYW5uZXIgPSAoeyBjaGlsZHJlbiwgb25DbG9zZSwgc2hvd0Nsb3NlQnV0dG9uLCBzbWFsbCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNZXNzYWdlQmFubmVyV3JhcHBlciBzbWFsbD17c21hbGx9PlxuICAgICAgPFRleHRXcmFwcGVyIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbWFya2Rvd24ucmVuZGVyKGNoaWxkcmVuKSB9fSAvPlxuICAgICAge3Nob3dDbG9zZUJ1dHRvbiAmJiA8U3R5bGVkQ2xvc2VidXR0b24gb25DbGljaz17b25DbG9zZX0gLz59XG4gICAgPC9NZXNzYWdlQmFubmVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lc3NhZ2VCYW5uZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

package/es/MyNdla/Resource/FolderInput.js

@@ -15,32 +15,31 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { IconButton } from '@ndla/button';
 import { FolderOutlined } from '@ndla/icons/contentType';
 import { Cross } from '@ndla/icons/action';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { colors, spacing } from '@ndla/core'; // Source: https://kovart.github.io/dashed-border-generator/
+import { colors, spacing } from '@ndla/core';
+import { Input } from '@ndla/forms';
+import { css } from '@emotion/core'; // Source: https://kovart.github.io/dashed-border-generator/
 
 import { jsx as ___EmotionJSX } from "@emotion/core";
 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(colors.brand.tertiary), "' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e\")");
 
-var FolderInputWrapper = _styled("div", {
-  target: "esbqk1r0",
-  label: "FolderInputWrapper"
-})("display:flex;flex-direction:row;align-items:center;padding:", 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 = _styled("span", {
-  target: "esbqk1r1",
+  target: "esbqk1r0",
   label: "StyledFolderIcon"
-})("display:flex;padding:", spacing.small, ";svg{color:", 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 */"));
+})("display:flex;padding:", spacing.small, ";svg{color:", 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__*/css("padding:", 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 = _styled("input", {
-  target: "esbqk1r2",
+var StyledInput = /*#__PURE__*/_styled(Input, {
+  target: "esbqk1r1",
   label: "StyledInput"
-})("color:", colors.brand.primary, ";outline:none;border:none;margin-right:auto;line-height:1.75em;::selection{background:", 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:", colors.brand.primary, ";::selection{background:", 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 = useTranslation(),
       t = _useTranslation.t;
@@ -52,11 +51,6 @@ var FolderInput = function FolderInput(_ref) {
       input = _useState2[0],
       setInput = _useState2[1];
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      mounted = _useState4[0],
-      setMounted = _useState4[1];
-
   var inputRef = useRef(null);
 
   var handleInputChange = function handleInputChange(e) {
@@ -64,33 +58,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();
     }
   };
 
-  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 ___EmotionJSX(FolderInputWrapper, null, ___EmotionJSX(StyledFolderIcon, null, ___EmotionJSX(FolderOutlined, null)), ___EmotionJSX(StyledInput, {
+  return ___EmotionJSX(StyledInput, {
+    autoSelect: autoSelect,
+    customCss: inputWrapperStyle,
+    warningText: !input.trim() ? t('myNdla.folder.missingName') : undefined,
     ref: inputRef,
     value: input,
     onChange: handleInputChange,
     onKeyDown: onKeydown,
-    "aria-label": newFolderText
-  }), ___EmotionJSX(IconButton, {
-    "aria-label": t('close'),
-    size: "small",
-    ghostPill: true,
-    onClick: onClose
-  }, ___EmotionJSX(Cross, null)));
+    "aria-label": newFolderText,
+    iconLeft: ___EmotionJSX(StyledFolderIcon, null, ___EmotionJSX(FolderOutlined, null)),
+    iconRight: ___EmotionJSX(IconButton, {
+      "aria-label": t('close'),
+      size: "small",
+      ghostPill: true,
+      onClick: onClose
+    }, ___EmotionJSX(Cross, null))
+  });
 };
 
 export default FolderInput;