@ndla/ui 19.1.0 → 20.0.0

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;