@ndla/ui 28.0.0 → 29.0.0

package/lib/TagSelector/ValueButton.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StyledValueButton = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _button = require("@ndla/button");
+
+var _core = require("@ndla/core");
+
+var _action = require("@ndla/icons/action");
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var StyledValueButton = (0, _styledBase["default"])("div", {
+  target: "e1m4p4cx0",
+  label: "StyledValueButton"
+})("&&{background:", function (_ref) {
+  var selected = _ref.selected;
+  return selected && _core.colors.brand.primary;
+}, ";color:", function (_ref2) {
+  var selected = _ref2.selected;
+  return selected && _core.colors.white;
+}, ";padding:", _core.spacing.xxsmall, " ", _core.spacing.small, ";margin:", _core.spacing.xxsmall, ";border:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbHVlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndEIiwiZmlsZSI6IlZhbHVlQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE11bHRpVmFsdWVQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBidXR0b25TdHlsZVYyIGFzIGJ1dHRvblN0eWxlIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgVGFnVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgU3R5bGVkUHJvcHMge1xuICBzZWxlY3RlZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlQnV0dG9uID0gc3R5bGVkLmRpdjxTdHlsZWRQcm9wcz5gXG4gICYmIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHNlbGVjdGVkIH0pID0+IHNlbGVjdGVkICYmIGNvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHsoeyBzZWxlY3RlZCB9KSA9PiBzZWxlY3RlZCAmJiBjb2xvcnMud2hpdGV9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy54eHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgVmFsdWVCdXR0b24gPSAoeyBpbm5lclByb3BzLCBjaGlsZHJlbiwgcmVtb3ZlUHJvcHMsIGlzRm9jdXNlZCB9OiBNdWx0aVZhbHVlUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVmFsdWVCdXR0b25cbiAgICAgIHNlbGVjdGVkPXtpc0ZvY3VzZWR9XG4gICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGUoeyBjb2xvclRoZW1lOiAnbGlnaHRlcicsIHNoYXBlOiAncGlsbCcsIHNpemU6ICdzbWFsbCcgfSl9XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIHsuLi5yZW1vdmVQcm9wc30+XG4gICAgICA8c3BhbiBhcmlhLWhpZGRlbj4jPC9zcGFuPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPENyb3NzIC8+XG4gICAgPC9TdHlsZWRWYWx1ZUJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZhbHVlQnV0dG9uO1xuIl19 */"));
+exports.StyledValueButton = StyledValueButton;
+
+var ValueButton = function ValueButton(_ref3) {
+  var innerProps = _ref3.innerProps,
+      children = _ref3.children,
+      removeProps = _ref3.removeProps,
+      isFocused = _ref3.isFocused;
+  return (0, _core2.jsx)(StyledValueButton, _extends({
+    selected: isFocused,
+    role: "button",
+    css: (0, _button.buttonStyleV2)({
+      colorTheme: 'lighter',
+      shape: 'pill',
+      size: 'small'
+    })
+  }, innerProps, removeProps), (0, _core2.jsx)("span", {
+    "aria-hidden": true
+  }, "#"), children, (0, _core2.jsx)(_action.Cross, null));
+};
+
+var _default = ValueButton;
+exports["default"] = _default;

package/lib/TagSelector/ariaMessages.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { TFunction } from 'react-i18next';
+import { AriaGuidanceProps, AriaOnChangeProps, AriaOnFilterProps, AriaOnFocusProps, GroupBase } from 'react-select';
+import { TagType } from './types';
+export declare const createAriaMessages: (t: TFunction) => {
+    guidance: (props: AriaGuidanceProps) => string;
+    onChange: (props: AriaOnChangeProps<TagType, true>) => string;
+    onFocus: (props: AriaOnFocusProps<TagType, GroupBase<TagType>>) => string;
+    onFilter: (props: AriaOnFilterProps) => string;
+};

package/lib/TagSelector/ariaMessages.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAriaMessages = void 0;
+
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var createAriaMessages = function createAriaMessages(t) {
+  return {
+    guidance: function guidance(props) {
+      var isSearchable = props.isSearchable,
+          isMulti = props.isMulti,
+          isDisabled = props.isDisabled,
+          tabSelectsValue = props.tabSelectsValue,
+          context = props.context;
+
+      switch (context) {
+        case 'menu':
+          return "".concat(t('tagSelector.aria.guidance.menu.updown')).concat(isDisabled ? '' : ", ".concat(t('tagSelector.aria.guidance.menu.enter')), ", ").concat(t('tagSelector.aria.guidance.menu.escape')).concat(tabSelectsValue ? ", ".concat(t('tagSelector.aria.guidance.menu.tab')) : '', ".");
+
+        case 'input':
+          return "".concat(props['aria-label'] || t('tagSelector.aria.guidance.input.select'), " ").concat(t('tagSelector.aria.guidance.input.focused'), " ").concat(isSearchable ? ", ".concat(t('tagSelector.aria.guidance.input.refine')) : '', ", ").concat(t('tagSelector.aria.guidance.input.down'), ", ").concat(isMulti ? " ".concat(t('tagSelector.aria.guidance.input.left')) : '', ", ").concat(t('tagSelector.aria.guidance.input.space'));
+
+        case 'value':
+          return t('tagSelector.aria.guidance.value');
+
+        default:
+          return '';
+      }
+    },
+    onChange: function onChange(props) {
+      var action = props.action,
+          _props$label = props.label,
+          label = _props$label === void 0 ? '' : _props$label,
+          labels = props.labels,
+          isDisabled = props.isDisabled;
+
+      switch (action) {
+        case 'deselect-option':
+        case 'pop-value':
+        case 'remove-value':
+          return t('tagSelector.aria.onChange.deselect', {
+            label: label
+          });
+
+        case 'clear':
+          return t('tagSelector.aria.onChange.clear');
+
+        case 'initial-input-focus':
+          return t('tagSelector.aria.onChange.initialFocus', {
+            labels: labels.join(',')
+          });
+
+        case 'select-option':
+          return isDisabled ? t('tagSelector.aria.onChange.selectedDisabled', {
+            label: label
+          }) : t('tagSelector.aria.onChange.selected', {
+            label: label
+          });
+
+        default:
+          return '';
+      }
+    },
+    onFocus: function onFocus(props) {
+      var context = props.context,
+          focused = props.focused,
+          options = props.options,
+          _props$label2 = props.label,
+          label = _props$label2 === void 0 ? '' : _props$label2,
+          selectValue = props.selectValue,
+          isDisabled = props.isDisabled,
+          isSelected = props.isSelected;
+
+      var getArrayIndex = function getArrayIndex(arr, item) {
+        return arr && arr.length ? "".concat(arr.indexOf(item) + 1, " ").concat(t('tagSelector.aria.onFocus.of'), " ").concat(arr.length) : '';
+      };
+
+      if (context === 'value' && selectValue) {
+        return t('tagSelector.aria.onFocus.value', {
+          label: label,
+          position: getArrayIndex(selectValue, focused)
+        });
+      }
+
+      if (context === 'menu') {
+        var disabled = isDisabled ? " ".concat(t('tagSelector.aria.disabled')) : '';
+        var status = "".concat(isSelected ? t('tagSelector.aria.selected') : t('tagSelector.aria.focused')).concat(disabled);
+        return t('tagSelector.aria.onFocus.menu', {
+          label: label,
+          status: status,
+          position: getArrayIndex(options, focused)
+        });
+      }
+
+      return '';
+    },
+    onFilter: function onFilter(props) {
+      var inputValue = props.inputValue,
+          resultsMessage = props.resultsMessage;
+      return "".concat(resultsMessage).concat(inputValue ? " ".concat(t('tagSelector.aria.onFilter'), " ") + inputValue : '', ".");
+    }
+  };
+};
+
+exports.createAriaMessages = createAriaMessages;

package/lib/TagSelector/index.d.ts

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import TagSelector, { TagType } from './TagSelector';
+import TagSelector from './TagSelector';
+import { TagType } from './types';
 export type { TagType };
 export { TagSelector };

package/lib/TagSelector/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,8 +10,8 @@ Object.defineProperty(exports, "TagSelector", {
   }
 });
 
-var _TagSelector = _interopRequireWildcard(require("./TagSelector"));
+var _TagSelector = _interopRequireDefault(require("./TagSelector"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _types = require("./types");
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/TagSelector/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export interface TagType {
+    readonly value: string;
+    readonly label: string;
+}

package/lib/TagSelector/types.js

@@ -0,0 +1 @@
+"use strict";

package/lib/TreeStructure/ComboboxButton.js

@@ -44,13 +44,13 @@ var StyledRow = (0, _styledBase["default"])("div", {
 })("display:flex;padding:", _core.spacing.xxsmall, ";align-items:center;border-bottom:", function (_ref) {
   var isOpen = _ref.isOpen;
   return isOpen && "1px solid ".concat(_core.colors.brand.tertiary);
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjRDIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uVXAsIENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IEZvbGRlclR5cGUsIFRyZWVTdHJ1Y3R1cmVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tICcuL2Fycm93TmF2aWdhdGlvbic7XG5cbmludGVyZmFjZSBTdHlsZWRSb3dQcm9wcyB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdjxTdHlsZWRSb3dQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogJHsoeyBpc09wZW4gfSkgPT4gaXNPcGVuICYmIGAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9YH07XG5gO1xuY29uc3QgU3R5bGVkU2VsZWN0ZWRGb2xkZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICA6aG92ZXIsXG4gIDpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiA0cmVtO1xuICAgIG1heC1oZWlnaHQ6IDRyZW07XG4gICAgdGV4dC1hbGlnbjogc3RhcnQ7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNob3dUcmVlOiBib29sZWFuO1xuICB0eXBlOiBUcmVlU3RydWN0dXJlVHlwZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGZvY3VzZWRGb2xkZXI/OiBGb2xkZXJUeXBlO1xuICBzZWxlY3RlZEZvbGRlcj86IEZvbGRlclR5cGU7XG4gIHNldFNlbGVjdGVkRm9sZGVyOiAoZm9sZGVyOiBGb2xkZXJUeXBlKSA9PiB2b2lkO1xuICBvblRvZ2dsZVRyZWU6IChvcGVuOiBib29sZWFuKSA9PiB2b2lkO1xuICBmbGF0dGVuZWRGb2xkZXJzOiBGb2xkZXJUeXBlW107XG4gIG9uT3BlbkZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2VGb2xkZXI6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBzZXRGb2N1c2VkRm9sZGVyOiAoZm9sZGVyOiBGb2xkZXJUeXBlKSA9PiB2b2lkO1xufVxuXG5jb25zdCBDb21ib2JveEJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIFByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIHNob3dUcmVlLFxuICAgICAgdHlwZSxcbiAgICAgIGxhYmVsLFxuICAgICAgZm9jdXNlZEZvbGRlcixcbiAgICAgIHNlbGVjdGVkRm9sZGVyLFxuICAgICAgc2V0U2VsZWN0ZWRGb2xkZXIsXG4gICAgICBvblRvZ2dsZVRyZWUsXG4gICAgICBmbGF0dGVuZWRGb2xkZXJzLFxuICAgICAgc2V0Rm9jdXNlZEZvbGRlcixcbiAgICAgIG9uT3BlbkZvbGRlcixcbiAgICAgIG9uQ2xvc2VGb2xkZXIsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlRm9yd2FyZGVkUmVmKHJlZik7XG5cbiAgICBjb25zdCBvbktleURvd24gPSAoZTogS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICBpZiAoc2hvd1RyZWUgJiYgZm9jdXNlZEZvbGRlcikge1xuICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyKGZvY3VzZWRGb2xkZXIpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhlLmtleSkgJiYgIXNob3dUcmVlKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZSh0cnVlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKGZvY3VzZWRGb2xkZXIpIHtcbiAgICAgICAgYXJyb3dOYXZpZ2F0aW9uKGUsIGZvY3VzZWRGb2xkZXIuaWQsIGZsYXR0ZW5lZEZvbGRlcnMsIHNldEZvY3VzZWRGb2xkZXIsIG9uT3BlbkZvbGRlciwgb25DbG9zZUZvbGRlcik7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm93IGlzT3Blbj17c2hvd1RyZWV9PlxuICAgICAgICA8U3R5bGVkU2VsZWN0ZWRGb2xkZXJcbiAgICAgICAgICByZWY9e2lubmVyUmVmfVxuICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ2NvbWJvYm94Jyl9XG4gICAgICAgICAgcm9sZT1cImNvbWJvYm94XCJcbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ3BvcHVwJyl9XG4gICAgICAgICAgYXJpYS1oYXNwb3B1cD1cInRyZWVcIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e3Nob3dUcmVlfVxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT17bGFiZWwgPyB0cmVlc3RydWN0dXJlSWQodHlwZSwgJ2xhYmVsJykgOiB1bmRlZmluZWR9XG4gICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtmb2N1c2VkRm9sZGVyID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsIGZvY3VzZWRGb2xkZXIuaWQpIDogdW5kZWZpbmVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICBmb250V2VpZ2h0PVwibm9ybWFsXCJcbiAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICBvbktleURvd249e29uS2V5RG93bn1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBpbm5lclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgICAgb25Ub2dnbGVUcmVlKCFzaG93VHJlZSk7XG4gICAgICAgICAgfX0+XG4gICAgICAgICAge3NlbGVjdGVkRm9sZGVyPy5uYW1lfVxuICAgICAgICA8L1N0eWxlZFNlbGVjdGVkRm9sZGVyPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIlwiXG4gICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCJcbiAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlubmVyUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICBvblRvZ2dsZVRyZWUoIXNob3dUcmVlKTtcbiAgICAgICAgICB9fT5cbiAgICAgICAgICB7c2hvd1RyZWUgPyA8Q2hldnJvblVwIC8+IDogPENoZXZyb25Eb3duIC8+fVxuICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8L1N0eWxlZFJvdz5cbiAgICApO1xuICB9LFxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ29tYm9ib3hCdXR0b247XG4iXX0= */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjRDIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uVXAsIENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IEZvbGRlclR5cGUsIFRyZWVTdHJ1Y3R1cmVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tICcuL2Fycm93TmF2aWdhdGlvbic7XG5cbmludGVyZmFjZSBTdHlsZWRSb3dQcm9wcyB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdjxTdHlsZWRSb3dQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogJHsoeyBpc09wZW4gfSkgPT4gaXNPcGVuICYmIGAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9YH07XG5gO1xuY29uc3QgU3R5bGVkU2VsZWN0ZWRGb2xkZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICBib3JkZXI6IG5vbmU7XG4gIDpob3ZlcixcbiAgOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICA6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1pbi1oZWlnaHQ6IDRyZW07XG4gICAgbWF4LWhlaWdodDogNHJlbTtcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2hvd1RyZWU6IGJvb2xlYW47XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xuICBsYWJlbD86IHN0cmluZztcbiAgZm9jdXNlZEZvbGRlcj86IEZvbGRlclR5cGU7XG4gIHNlbGVjdGVkRm9sZGVyPzogRm9sZGVyVHlwZTtcbiAgc2V0U2VsZWN0ZWRGb2xkZXI6IChmb2xkZXI6IEZvbGRlclR5cGUpID0+IHZvaWQ7XG4gIG9uVG9nZ2xlVHJlZTogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGZsYXR0ZW5lZEZvbGRlcnM6IEZvbGRlclR5cGVbXTtcbiAgb25PcGVuRm9sZGVyOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25DbG9zZUZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldEZvY3VzZWRGb2xkZXI6IChmb2xkZXI6IEZvbGRlclR5cGUpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENvbWJvYm94QnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2hvd1RyZWUsXG4gICAgICB0eXBlLFxuICAgICAgbGFiZWwsXG4gICAgICBmb2N1c2VkRm9sZGVyLFxuICAgICAgc2VsZWN0ZWRGb2xkZXIsXG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcixcbiAgICAgIG9uVG9nZ2xlVHJlZSxcbiAgICAgIGZsYXR0ZW5lZEZvbGRlcnMsXG4gICAgICBzZXRGb2N1c2VkRm9sZGVyLFxuICAgICAgb25PcGVuRm9sZGVyLFxuICAgICAgb25DbG9zZUZvbGRlcixcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICAgIGNvbnN0IG9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZSghc2hvd1RyZWUpO1xuICAgICAgICBpZiAoc2hvd1RyZWUgJiYgZm9jdXNlZEZvbGRlcikge1xuICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyKGZvY3VzZWRGb2xkZXIpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoWydBcnJvd1VwJywgJ0Fycm93RG93biddLmluY2x1ZGVzKGUua2V5KSAmJiAhc2hvd1RyZWUpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKHRydWUpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoZm9jdXNlZEZvbGRlcikge1xuICAgICAgICBhcnJvd05hdmlnYXRpb24oZSwgZm9jdXNlZEZvbGRlci5pZCwgZmxhdHRlbmVkRm9sZGVycywgc2V0Rm9jdXNlZEZvbGRlciwgb25PcGVuRm9sZGVyLCBvbkNsb3NlRm9sZGVyKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3dcbiAgICAgICAgaXNPcGVuPXtzaG93VHJlZX1cbiAgICAgICAgb25Nb3VzZURvd249eyhlKSA9PiB7XG4gICAgICAgICAgaWYgKCFlLmRlZmF1bHRQcmV2ZW50ZWQpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICBvblRvZ2dsZVRyZWUoIXNob3dUcmVlKTtcbiAgICAgICAgICAgIGlubmVyUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fT5cbiAgICAgICAgPFN0eWxlZFNlbGVjdGVkRm9sZGVyXG4gICAgICAgICAgcmVmPXtpbm5lclJlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICBpZD17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdjb21ib2JveCcpfVxuICAgICAgICAgIHJvbGU9XCJjb21ib2JveFwiXG4gICAgICAgICAgYXJpYS1jb250cm9scz17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdwb3B1cCcpfVxuICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cmVlXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtzaG93VHJlZX1cbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2xhYmVsID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdsYWJlbCcpIDogdW5kZWZpbmVkfVxuICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17Zm9jdXNlZEZvbGRlciA/IHRyZWVzdHJ1Y3R1cmVJZCh0eXBlLCBmb2N1c2VkRm9sZGVyLmlkKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIGNvbG9yVGhlbWU9XCJsaWdodFwiXG4gICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgb25LZXlEb3duPXtvbktleURvd259PlxuICAgICAgICAgIHtzZWxlY3RlZEZvbGRlcj8ubmFtZX1cbiAgICAgICAgPC9TdHlsZWRTZWxlY3RlZEZvbGRlcj5cbiAgICAgICAgPEljb25CdXR0b24gYXJpYS1oaWRkZW4gYXJpYS1sYWJlbD1cIlwiIHRhYkluZGV4PXstMX0gdmFyaWFudD1cImdob3N0XCIgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAge3Nob3dUcmVlID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9TdHlsZWRSb3c+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbWJvYm94QnV0dG9uO1xuIl19 */"));
 var StyledSelectedFolder = ( /*#__PURE__*/0, _styledBase["default"])(_button.ButtonV2, {
   target: "e1g7ykt81",
   label: "StyledSelectedFolder"
-})("flex:1;justify-content:flex-start;color:", _core.colors.black, ";:hover,:focus{background:none;box-shadow:none;border-color:transparent;}:focus-visible{outline:none;}", _core.mq.range({
+})("flex:1;justify-content:flex-start;color:", _core.colors.black, ";border:none;:hover,:focus{background:none;box-shadow:none;border-color:transparent;}:focus-visible{outline:none;}", _core.mq.range({
   until: _core.breakpoints.tablet
-}), "{min-height:4rem;max-height:4rem;text-align:start;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QjJDIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uVXAsIENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IEZvbGRlclR5cGUsIFRyZWVTdHJ1Y3R1cmVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tICcuL2Fycm93TmF2aWdhdGlvbic7XG5cbmludGVyZmFjZSBTdHlsZWRSb3dQcm9wcyB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdjxTdHlsZWRSb3dQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogJHsoeyBpc09wZW4gfSkgPT4gaXNPcGVuICYmIGAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9YH07XG5gO1xuY29uc3QgU3R5bGVkU2VsZWN0ZWRGb2xkZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICA6aG92ZXIsXG4gIDpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiA0cmVtO1xuICAgIG1heC1oZWlnaHQ6IDRyZW07XG4gICAgdGV4dC1hbGlnbjogc3RhcnQ7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNob3dUcmVlOiBib29sZWFuO1xuICB0eXBlOiBUcmVlU3RydWN0dXJlVHlwZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGZvY3VzZWRGb2xkZXI/OiBGb2xkZXJUeXBlO1xuICBzZWxlY3RlZEZvbGRlcj86IEZvbGRlclR5cGU7XG4gIHNldFNlbGVjdGVkRm9sZGVyOiAoZm9sZGVyOiBGb2xkZXJUeXBlKSA9PiB2b2lkO1xuICBvblRvZ2dsZVRyZWU6IChvcGVuOiBib29sZWFuKSA9PiB2b2lkO1xuICBmbGF0dGVuZWRGb2xkZXJzOiBGb2xkZXJUeXBlW107XG4gIG9uT3BlbkZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2VGb2xkZXI6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBzZXRGb2N1c2VkRm9sZGVyOiAoZm9sZGVyOiBGb2xkZXJUeXBlKSA9PiB2b2lkO1xufVxuXG5jb25zdCBDb21ib2JveEJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIFByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIHNob3dUcmVlLFxuICAgICAgdHlwZSxcbiAgICAgIGxhYmVsLFxuICAgICAgZm9jdXNlZEZvbGRlcixcbiAgICAgIHNlbGVjdGVkRm9sZGVyLFxuICAgICAgc2V0U2VsZWN0ZWRGb2xkZXIsXG4gICAgICBvblRvZ2dsZVRyZWUsXG4gICAgICBmbGF0dGVuZWRGb2xkZXJzLFxuICAgICAgc2V0Rm9jdXNlZEZvbGRlcixcbiAgICAgIG9uT3BlbkZvbGRlcixcbiAgICAgIG9uQ2xvc2VGb2xkZXIsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlRm9yd2FyZGVkUmVmKHJlZik7XG5cbiAgICBjb25zdCBvbktleURvd24gPSAoZTogS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICBpZiAoc2hvd1RyZWUgJiYgZm9jdXNlZEZvbGRlcikge1xuICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyKGZvY3VzZWRGb2xkZXIpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhlLmtleSkgJiYgIXNob3dUcmVlKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZSh0cnVlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKGZvY3VzZWRGb2xkZXIpIHtcbiAgICAgICAgYXJyb3dOYXZpZ2F0aW9uKGUsIGZvY3VzZWRGb2xkZXIuaWQsIGZsYXR0ZW5lZEZvbGRlcnMsIHNldEZvY3VzZWRGb2xkZXIsIG9uT3BlbkZvbGRlciwgb25DbG9zZUZvbGRlcik7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm93IGlzT3Blbj17c2hvd1RyZWV9PlxuICAgICAgICA8U3R5bGVkU2VsZWN0ZWRGb2xkZXJcbiAgICAgICAgICByZWY9e2lubmVyUmVmfVxuICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ2NvbWJvYm94Jyl9XG4gICAgICAgICAgcm9sZT1cImNvbWJvYm94XCJcbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ3BvcHVwJyl9XG4gICAgICAgICAgYXJpYS1oYXNwb3B1cD1cInRyZWVcIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e3Nob3dUcmVlfVxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT17bGFiZWwgPyB0cmVlc3RydWN0dXJlSWQodHlwZSwgJ2xhYmVsJykgOiB1bmRlZmluZWR9XG4gICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtmb2N1c2VkRm9sZGVyID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsIGZvY3VzZWRGb2xkZXIuaWQpIDogdW5kZWZpbmVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICBmb250V2VpZ2h0PVwibm9ybWFsXCJcbiAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICBvbktleURvd249e29uS2V5RG93bn1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBpbm5lclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgICAgb25Ub2dnbGVUcmVlKCFzaG93VHJlZSk7XG4gICAgICAgICAgfX0+XG4gICAgICAgICAge3NlbGVjdGVkRm9sZGVyPy5uYW1lfVxuICAgICAgICA8L1N0eWxlZFNlbGVjdGVkRm9sZGVyPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIlwiXG4gICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCJcbiAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlubmVyUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICBvblRvZ2dsZVRyZWUoIXNob3dUcmVlKTtcbiAgICAgICAgICB9fT5cbiAgICAgICAgICB7c2hvd1RyZWUgPyA8Q2hldnJvblVwIC8+IDogPENoZXZyb25Eb3duIC8+fVxuICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8L1N0eWxlZFJvdz5cbiAgICApO1xuICB9LFxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ29tYm9ib3hCdXR0b247XG4iXX0= */"));
+}), "{min-height:4rem;max-height:4rem;text-align:start;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QjJDIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uVXAsIENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IEZvbGRlclR5cGUsIFRyZWVTdHJ1Y3R1cmVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tICcuL2Fycm93TmF2aWdhdGlvbic7XG5cbmludGVyZmFjZSBTdHlsZWRSb3dQcm9wcyB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdjxTdHlsZWRSb3dQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogJHsoeyBpc09wZW4gfSkgPT4gaXNPcGVuICYmIGAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9YH07XG5gO1xuY29uc3QgU3R5bGVkU2VsZWN0ZWRGb2xkZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICBib3JkZXI6IG5vbmU7XG4gIDpob3ZlcixcbiAgOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICA6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1pbi1oZWlnaHQ6IDRyZW07XG4gICAgbWF4LWhlaWdodDogNHJlbTtcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2hvd1RyZWU6IGJvb2xlYW47XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xuICBsYWJlbD86IHN0cmluZztcbiAgZm9jdXNlZEZvbGRlcj86IEZvbGRlclR5cGU7XG4gIHNlbGVjdGVkRm9sZGVyPzogRm9sZGVyVHlwZTtcbiAgc2V0U2VsZWN0ZWRGb2xkZXI6IChmb2xkZXI6IEZvbGRlclR5cGUpID0+IHZvaWQ7XG4gIG9uVG9nZ2xlVHJlZTogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGZsYXR0ZW5lZEZvbGRlcnM6IEZvbGRlclR5cGVbXTtcbiAgb25PcGVuRm9sZGVyOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25DbG9zZUZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldEZvY3VzZWRGb2xkZXI6IChmb2xkZXI6IEZvbGRlclR5cGUpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENvbWJvYm94QnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2hvd1RyZWUsXG4gICAgICB0eXBlLFxuICAgICAgbGFiZWwsXG4gICAgICBmb2N1c2VkRm9sZGVyLFxuICAgICAgc2VsZWN0ZWRGb2xkZXIsXG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcixcbiAgICAgIG9uVG9nZ2xlVHJlZSxcbiAgICAgIGZsYXR0ZW5lZEZvbGRlcnMsXG4gICAgICBzZXRGb2N1c2VkRm9sZGVyLFxuICAgICAgb25PcGVuRm9sZGVyLFxuICAgICAgb25DbG9zZUZvbGRlcixcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICAgIGNvbnN0IG9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZSghc2hvd1RyZWUpO1xuICAgICAgICBpZiAoc2hvd1RyZWUgJiYgZm9jdXNlZEZvbGRlcikge1xuICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyKGZvY3VzZWRGb2xkZXIpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoWydBcnJvd1VwJywgJ0Fycm93RG93biddLmluY2x1ZGVzKGUua2V5KSAmJiAhc2hvd1RyZWUpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKHRydWUpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoZm9jdXNlZEZvbGRlcikge1xuICAgICAgICBhcnJvd05hdmlnYXRpb24oZSwgZm9jdXNlZEZvbGRlci5pZCwgZmxhdHRlbmVkRm9sZGVycywgc2V0Rm9jdXNlZEZvbGRlciwgb25PcGVuRm9sZGVyLCBvbkNsb3NlRm9sZGVyKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3dcbiAgICAgICAgaXNPcGVuPXtzaG93VHJlZX1cbiAgICAgICAgb25Nb3VzZURvd249eyhlKSA9PiB7XG4gICAgICAgICAgaWYgKCFlLmRlZmF1bHRQcmV2ZW50ZWQpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICBvblRvZ2dsZVRyZWUoIXNob3dUcmVlKTtcbiAgICAgICAgICAgIGlubmVyUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fT5cbiAgICAgICAgPFN0eWxlZFNlbGVjdGVkRm9sZGVyXG4gICAgICAgICAgcmVmPXtpbm5lclJlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICBpZD17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdjb21ib2JveCcpfVxuICAgICAgICAgIHJvbGU9XCJjb21ib2JveFwiXG4gICAgICAgICAgYXJpYS1jb250cm9scz17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdwb3B1cCcpfVxuICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cmVlXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtzaG93VHJlZX1cbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2xhYmVsID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdsYWJlbCcpIDogdW5kZWZpbmVkfVxuICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17Zm9jdXNlZEZvbGRlciA/IHRyZWVzdHJ1Y3R1cmVJZCh0eXBlLCBmb2N1c2VkRm9sZGVyLmlkKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIGNvbG9yVGhlbWU9XCJsaWdodFwiXG4gICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgb25LZXlEb3duPXtvbktleURvd259PlxuICAgICAgICAgIHtzZWxlY3RlZEZvbGRlcj8ubmFtZX1cbiAgICAgICAgPC9TdHlsZWRTZWxlY3RlZEZvbGRlcj5cbiAgICAgICAgPEljb25CdXR0b24gYXJpYS1oaWRkZW4gYXJpYS1sYWJlbD1cIlwiIHRhYkluZGV4PXstMX0gdmFyaWFudD1cImdob3N0XCIgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAge3Nob3dUcmVlID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9TdHlsZWRSb3c+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbWJvYm94QnV0dG9uO1xuIl19 */"));
 var ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var showTree = _ref2.showTree,
       type = _ref2.type,
@@ -67,6 +67,8 @@ var ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
 
   var onKeyDown = function onKeyDown(e) {
     if (e.key === 'Enter') {
+      onToggleTree(!showTree);
+
       if (showTree && focusedFolder) {
         setSelectedFolder(focusedFolder);
       }
@@ -76,6 +78,7 @@ var ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
 
     if (e.key === 'Escape') {
       onToggleTree(false);
+      e.preventDefault();
       return;
     }
 
@@ -90,7 +93,17 @@ var ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   };
 
   return (0, _core2.jsx)(StyledRow, {
-    isOpen: showTree
+    isOpen: showTree,
+    onMouseDown: function onMouseDown(e) {
+      if (!e.defaultPrevented) {
+        var _innerRef$current;
+
+        e.preventDefault();
+        e.stopPropagation();
+        onToggleTree(!showTree);
+        (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus();
+      }
+    }
   }, (0, _core2.jsx)(StyledSelectedFolder, {
     ref: innerRef,
     tabIndex: 0,
@@ -105,26 +118,14 @@ var ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     colorTheme: "light",
     fontWeight: "normal",
     shape: "sharp",
-    onKeyDown: onKeyDown,
-    onClick: function onClick() {
-      var _innerRef$current;
-
-      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus();
-      onToggleTree(!showTree);
-    }
+    onKeyDown: onKeyDown
   }, selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.name), (0, _core2.jsx)(_button.IconButtonV2, {
     "aria-hidden": true,
     "aria-label": "",
     tabIndex: -1,
     variant: "ghost",
     colorTheme: "greyLighter",
-    size: "small",
-    onClick: function onClick() {
-      var _innerRef$current2;
-
-      (_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.focus();
-      onToggleTree(!showTree);
-    }
+    size: "small"
   }, showTree ? (0, _core2.jsx)(_common.ChevronUp, null) : (0, _core2.jsx)(_common.ChevronDown, null)));
 });
 var _default = ComboboxButton;