@instructure/ui-select 11.6.0 → 11.6.1-pr-snapshot-1779894247159

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.6.1-pr-snapshot-1779894247159](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.6.1-pr-snapshot-1779894247159) (2026-05-27)
+
+**Note:** Version bump only for package @instructure/ui-select
+
+
+
+
+
 # [11.6.0](https://github.com/instructure/instructure-ui/compare/v11.5.0...v11.6.0) (2026-02-18)
 
 **Note:** Version bump only for package @instructure/ui-select

package/{lib/Select/Group/props.js → babel.config.cjs}

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +22,16 @@ exports.allowedProps = void 0;
  * SOFTWARE.
  */
 
-const allowedProps = exports.allowedProps = ['renderLabel', 'children'];
+module.exports = {
+  presets: [
+    [
+      require('@instructure/ui-babel-preset'),
+      {
+        coverage: Boolean(process.env.COVERAGE),
+        esModules: Boolean(process.env.ES_MODULES),
+        removeConsole: process.env.NODE_ENV === 'production',
+        transformImports: Boolean(process.env.TRANSFORM_IMPORTS)
+      }
+    ]
+  ]
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-select",
-  "version": "11.6.0",
+  "version": "11.6.1-pr-snapshot-1779894247159",
+  "type": "module",
   "description": "A component for select and autocomplete behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -15,30 +15,30 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.6.0",
-    "@instructure/shared-types": "11.6.0",
-    "@instructure/ui-dom-utils": "11.6.0",
-    "@instructure/ui-form-field": "11.6.0",
-    "@instructure/ui-icons": "11.6.0",
-    "@instructure/ui-popover": "11.6.0",
-    "@instructure/ui-options": "11.6.0",
-    "@instructure/ui-position": "11.6.0",
-    "@instructure/ui-react-utils": "11.6.0",
-    "@instructure/ui-selectable": "11.6.0",
-    "@instructure/ui-text-input": "11.6.0",
-    "@instructure/ui-utils": "11.6.0",
-    "@instructure/ui-view": "11.6.0",
-    "@instructure/uid": "11.6.0"
+    "@instructure/emotion": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/shared-types": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-dom-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-form-field": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-icons": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-options": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-popover": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-selectable": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-position": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-react-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-view": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/uid": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-text-input": "11.6.1-pr-snapshot-1779894247159"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-color-utils": "11.6.0",
-    "@instructure/ui-babel-preset": "11.6.0",
-    "@instructure/ui-scripts": "11.6.0",
-    "@instructure/ui-themes": "11.6.0"
+    "@instructure/ui-color-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-babel-preset": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-scripts": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-themes": "11.6.1-pr-snapshot-1779894247159"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -51,10 +51,8 @@
     ".": {
       "types": "./types/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
       "default": "./es/index.js"
     },
-    "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
@@ -64,7 +62,7 @@
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",
     "clean": "ui-scripts clean",
-    "build": "ui-scripts build --modules es,cjs",
+    "build": "ui-scripts build",
     "build:watch": "pnpm run ts:check -- --watch & ui-scripts build --watch",
     "build:types": "tsc -p tsconfig.build.json",
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"

package/lib/Select/Group/index.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Group = void 0;
-var _react = require("react");
-var _props = require("./props");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
----
-parent: Select
-id: Select.Group
----
-@module Group
-**/
-class Group extends _react.Component {
-  /* istanbul ignore next */
-  render() {
-    // this component is only used for prop validation. Select.Group children
-    // are parsed in Select and rendered as Options components
-    return null;
-  }
-}
-exports.Group = Group;
-Group.displayName = "Group";
-Group.componentId = 'Select.Group';
-Group.allowedProps = _props.allowedProps;
-Group.defaultProps = {};
-var _default = exports.default = Group;

package/lib/Select/Option/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Option = void 0;
-var _react = require("react");
-var _props = require("./props");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
----
-parent: Select
-id: Select.Option
----
-@module Option
-**/
-class Option extends _react.Component {
-  /* istanbul ignore next */
-  render() {
-    // this component is only used for prop validation. Select.Option children
-    // are parsed in Select and rendered as Options.Item components
-    return null;
-  }
-}
-exports.Option = Option;
-Option.displayName = "Option";
-Option.componentId = 'Select.Option';
-Option.allowedProps = _props.allowedProps;
-Option.defaultProps = {
-  isHighlighted: false,
-  isSelected: false,
-  isDisabled: false
-};
-var _default = exports.default = Option;

package/lib/Select/Option/props.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const allowedProps = exports.allowedProps = ['id', 'isHighlighted', 'isSelected', 'isDisabled', 'renderBeforeLabel', 'renderAfterLabel', 'children'];

package/lib/Select/index.js

@@ -1,693 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Select = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var utils = _interopRequireWildcard(require("@instructure/ui-utils"));
-var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-var _View = require("@instructure/ui-view/lib/View");
-var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
-var _Popover = require("@instructure/ui-popover/lib/Popover");
-var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
-var _Options = require("@instructure/ui-options/lib/Options");
-var _IconArrowOpenDownLine = require("@instructure/ui-icons/lib/IconArrowOpenDownLine.js");
-var _IconArrowOpenUpLine2 = require("@instructure/ui-icons/lib/IconArrowOpenUpLine.js");
-var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _Group = require("./Group");
-var _Option = require("./Option");
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-const _excluded = ["id", "renderLabel", "children"],
-  _excluded2 = ["renderLabel", "inputValue", "placeholder", "isRequired", "shouldNotWrap", "size", "isInline", "width", "htmlSize", "messages", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onInputChange", "onRequestHideOptions", "layout"],
-  _excluded3 = ["ref"];
-var _dec, _dec2, _class, _Select, _Options$Separator, _Options$Separator2, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-// This memoed Option component is used to prevent unnecessary re-renders of
-// Options.Item when the Select component is re-rendered. This is necessary
-// because the Select component is re-rendered on every prop change of the <Select.Option>
-// and with a large amount of options, this can cause a lot of unnecessary re-renders.
-const MemoedOption = /*#__PURE__*/(0, _react.memo)(function Opt(props) {
-  const optionsItemProps = props.optionsItemProps,
-    children = props.children;
-  return (
-    // The main <Options> that renders this is always an "ul"
-    (0, _jsxRuntime.jsx)(_Options.Options.Item, {
-      as: "li",
-      ...optionsItemProps,
-      children: children
-    })
-  );
-},
-// This is a custom equality function that checks if the props of the
-// <Select.Option> have changed. If they haven't, then the Options.Item
-// doesn't need to be re-rendered.
-(prevProps, nextProps) => {
-  return prevProps.selectOption.props.isHighlighted === nextProps.selectOption.props.isHighlighted && prevProps.selectOption.props.isSelected === nextProps.selectOption.props.isSelected && prevProps.selectOption.props.isDisabled === nextProps.selectOption.props.isDisabled && prevProps.selectOption.props.children === nextProps.selectOption.props.children && prevProps.selectOption.props.id === nextProps.selectOption.props.id && prevProps.selectOption.props.renderBeforeLabel === nextProps.selectOption.props.renderBeforeLabel && prevProps.selectOption.props.renderAfterLabel === nextProps.selectOption.props.renderAfterLabel && prevProps.children === nextProps.children;
-});
-// This is needed so the propTypes in <Options> check are correct
-MemoedOption.displayName = 'Item';
-
-/**
----
-category: components
-tags: autocomplete, typeahead, combobox, dropdown, search, form
----
-**/
-let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_Select = class Select extends _react.Component {
-  constructor(...args) {
-    super(...args);
-    this.SCROLL_TOLERANCE = 0.5;
-    this.state = {
-      hasInputRef: false
-    };
-    this.ref = null;
-    this._input = null;
-    this._defaultId = this.props.deterministicId();
-    this._inputContainer = null;
-    this._listView = null;
-    // temporarily stores actionable options
-    this._optionIds = [];
-    // best guess for first calculation of list height
-    this._optionHeight = 36;
-    this.handleInputRef = node => {
-      var _this$props$inputRef, _this$props;
-      // ensures list is positioned with respect to input if list is open on mount
-      if (!this.state.hasInputRef) {
-        this.setState({
-          hasInputRef: true
-        });
-      }
-      this._input = node;
-      (_this$props$inputRef = (_this$props = this.props).inputRef) === null || _this$props$inputRef === void 0 ? void 0 : _this$props$inputRef.call(_this$props, node);
-    };
-    this.handleListRef = node => {
-      var _this$props$listRef, _this$props2;
-      (_this$props$listRef = (_this$props2 = this.props).listRef) === null || _this$props$listRef === void 0 ? void 0 : _this$props$listRef.call(_this$props2, node);
-
-      // store option height to calculate list maxHeight
-      if (node && node.querySelector('[role="option"]')) {
-        this._optionHeight = node.querySelector('[role="option"]').offsetHeight;
-      }
-    };
-    this.handleInputContainerRef = node => {
-      this._inputContainer = node;
-    };
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props3;
-    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props4;
-    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
-    if (this.props.scrollToHighlightedOption) {
-      // scroll option into view if needed
-      requestAnimationFrame(() => this.scrollToOption(this.highlightedOptionId));
-    }
-  }
-  focus() {
-    this._input && this._input.focus();
-  }
-  blur() {
-    this._input && this._input.blur();
-  }
-  get childrenArray() {
-    return _react.Children.toArray(this.props.children);
-  }
-  getGroupChildrenArray(group) {
-    return _react.Children.toArray(group.props.children);
-  }
-  get focused() {
-    return this._input ? (0, _isActiveElement.isActiveElement)(this._input) : false;
-  }
-  get id() {
-    return this.props.id || this._defaultId;
-  }
-  get width() {
-    return this._inputContainer ? this._inputContainer.offsetWidth : void 0;
-  }
-  get interaction() {
-    return (0, _getInteraction.getInteraction)({
-      props: this.props
-    });
-  }
-  get highlightedOptionId() {
-    let highlightedOptionId;
-    this.childrenArray.forEach(child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
-        // group found
-        this.getGroupChildrenArray(child).forEach(option => {
-          // check options in group
-          if (option.props.isHighlighted) {
-            highlightedOptionId = option.props.id;
-          }
-        });
-      } else {
-        // ungrouped option found
-        if (child.props.isHighlighted) {
-          highlightedOptionId = child.props.id;
-        }
-      }
-    });
-    return highlightedOptionId;
-  }
-  get selectedOptionId() {
-    const selectedOptionId = [];
-    this.childrenArray.forEach(child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
-        // group found
-        this.getGroupChildrenArray(child).forEach(option => {
-          // check options in group
-          if (option.props.isSelected) {
-            selectedOptionId.push(option.props.id);
-          }
-        });
-      } else {
-        // ungrouped option found
-        if (child.props.isSelected) {
-          selectedOptionId.push(child.props.id);
-        }
-      }
-    });
-    if (selectedOptionId.length === 1) {
-      return selectedOptionId[0];
-    }
-    if (selectedOptionId.length === 0) {
-      return void 0;
-    }
-    return selectedOptionId;
-  }
-  scrollToOption(id) {
-    if (!this._listView || !id) return;
-    const option = this._listView.querySelector(`[id="${CSS.escape(id)}"]`);
-    if (!option) return;
-    const listItem = option.parentNode;
-    const parentTop = (0, _getBoundingClientRect.getBoundingClientRect)(this._listView).top;
-    const elemTop = (0, _getBoundingClientRect.getBoundingClientRect)(listItem).top;
-    const parentBottom = parentTop + this._listView.clientHeight;
-    const elemBottom = elemTop + (listItem ? listItem.clientHeight : 0);
-    if (elemBottom > parentBottom) {
-      this._listView.scrollTop += elemBottom - parentBottom;
-    } else if (elemTop < parentTop) {
-      this._listView.scrollTop -= parentTop - elemTop;
-    }
-  }
-  highlightOption(event, id) {
-    const onRequestHighlightOption = this.props.onRequestHighlightOption;
-    if (id) {
-      onRequestHighlightOption === null || onRequestHighlightOption === void 0 ? void 0 : onRequestHighlightOption(event, {
-        id
-      });
-    }
-  }
-  getEventHandlers() {
-    const _this$props5 = this.props,
-      isShowingOptions = _this$props5.isShowingOptions,
-      onRequestShowOptions = _this$props5.onRequestShowOptions,
-      onRequestHideOptions = _this$props5.onRequestHideOptions,
-      onRequestSelectOption = _this$props5.onRequestSelectOption;
-    return this.interaction === 'enabled' ? {
-      onRequestShowOptions: event => {
-        onRequestShowOptions === null || onRequestShowOptions === void 0 ? void 0 : onRequestShowOptions(event);
-        const selectedOptionId = this.selectedOptionId;
-        if (selectedOptionId && !Array.isArray(selectedOptionId)) {
-          // highlight selected option on show
-          this.highlightOption(event, selectedOptionId);
-        }
-      },
-      onRequestHideOptions: event => {
-        onRequestHideOptions === null || onRequestHideOptions === void 0 ? void 0 : onRequestHideOptions(event);
-      },
-      onRequestHighlightOption: (event, {
-        id,
-        direction
-      }) => {
-        if (!isShowingOptions) return;
-        const highlightedOptionId = this.highlightedOptionId;
-        // if id exists, use that
-        let highlightId = this._optionIds.indexOf(id) > -1 ? id : void 0;
-        if (!highlightId) {
-          if (!highlightedOptionId) {
-            // nothing highlighted yet, highlight first option
-            highlightId = this._optionIds[0];
-          } else {
-            // find next id based on direction
-            const index = this._optionIds.indexOf(highlightedOptionId);
-            highlightId = index > -1 ? this._optionIds[index + direction] : void 0;
-          }
-        }
-        if (highlightId) {
-          // only highlight if id exists as a valid option
-          this.highlightOption(event, highlightId);
-        }
-      },
-      onRequestHighlightFirstOption: event => {
-        this.highlightOption(event, this._optionIds[0]);
-      },
-      onRequestHighlightLastOption: event => {
-        this.highlightOption(event, this._optionIds[this._optionIds.length - 1]);
-      },
-      onRequestSelectOption: (event, {
-        id
-      }) => {
-        if (id && this._optionIds.indexOf(id) !== -1) {
-          // only select if id exists as a valid option
-          onRequestSelectOption === null || onRequestSelectOption === void 0 ? void 0 : onRequestSelectOption(event, {
-            id
-          });
-        }
-      }
-    } : {};
-  }
-  renderOption(option, data) {
-    const getOptionProps = data.getOptionProps,
-      getDisabledOptionProps = data.getDisabledOptionProps;
-    const _option$props = option.props,
-      id = _option$props.id,
-      isDisabled = _option$props.isDisabled,
-      isHighlighted = _option$props.isHighlighted,
-      isSelected = _option$props.isSelected,
-      renderBeforeLabel = _option$props.renderBeforeLabel,
-      renderAfterLabel = _option$props.renderAfterLabel,
-      children = _option$props.children;
-    const getRenderOptionLabel = renderOptionLabel => {
-      var _renderOptionLabel$pr;
-      return typeof renderOptionLabel === 'function' && !(renderOptionLabel !== null && renderOptionLabel !== void 0 && (_renderOptionLabel$pr = renderOptionLabel.prototype) !== null && _renderOptionLabel$pr !== void 0 && _renderOptionLabel$pr.isReactComponent) ? renderOptionLabel.bind(null, {
-        id,
-        isDisabled,
-        isSelected,
-        isHighlighted,
-        children
-      }) : renderOptionLabel;
-    };
-    let optionProps = {
-      // passthrough props
-      ...(0, _omitProps.omitProps)(option.props, [..._Option.Option.allowedProps, ..._Options.Options.Item.allowedProps]),
-      // props from selectable
-      ...getOptionProps({
-        id
-      }),
-      // Options.Item props
-      renderBeforeLabel: getRenderOptionLabel(renderBeforeLabel),
-      renderAfterLabel: getRenderOptionLabel(renderAfterLabel)
-    };
-    // should option be treated as highlighted or selected
-    if (isSelected && isHighlighted) {
-      optionProps.variant = 'selected-highlighted';
-      optionProps.isSelected = true;
-    } else if (isSelected) {
-      optionProps.variant = 'selected';
-      optionProps.isSelected = true;
-    } else if (isHighlighted) {
-      optionProps.variant = 'highlighted';
-    }
-    // should option be treated as disabled
-    if (isDisabled) {
-      optionProps.variant = 'disabled';
-      optionProps = {
-        ...optionProps,
-        ...getDisabledOptionProps()
-      };
-    } else {
-      // track as valid option if not disabled
-      this._optionIds.push(id);
-    }
-    return (0, _jsxRuntime.jsx)(MemoedOption, {
-      optionsItemProps: optionProps,
-      selectOption: option,
-      children: children
-    });
-  }
-  renderGroup(group, data) {
-    const getOptionProps = data.getOptionProps,
-      getDisabledOptionProps = data.getDisabledOptionProps,
-      isFirstChild = data.isFirstChild,
-      isLastChild = data.isLastChild,
-      afterGroup = data.afterGroup;
-    const _group$props = group.props,
-      id = _group$props.id,
-      renderLabel = _group$props.renderLabel,
-      children = _group$props.children,
-      rest = (0, _objectWithoutProperties2.default)(_group$props, _excluded);
-    const groupChildren = [];
-    // add a separator above
-    if (!isFirstChild && !afterGroup) {
-      groupChildren.push(_Options$Separator || (_Options$Separator = (0, _jsxRuntime.jsx)(_Options.Options.Separator, {})));
-    }
-    // create a sublist as a group
-    // a wrapping listitem will be created by Options
-    groupChildren.push((0, _jsxRuntime.jsx)(_Options.Options, {
-      id: id,
-      as: "ul",
-      role: "group",
-      renderLabel: renderLabel,
-      ...(0, _omitProps.omitProps)(rest, [..._Options.Options.allowedProps, ..._Group.Group.allowedProps]),
-      children: _react.Children.map(children, child => {
-        return this.renderOption(child, {
-          getOptionProps,
-          getDisabledOptionProps
-        });
-      })
-    }));
-    // add a separator below
-    if (!isLastChild) {
-      groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _jsxRuntime.jsx)(_Options.Options.Separator, {})));
-    }
-    return groupChildren;
-  }
-  renderList(data) {
-    const getListProps = data.getListProps,
-      getOptionProps = data.getOptionProps,
-      getDisabledOptionProps = data.getDisabledOptionProps;
-    const _this$props6 = this.props,
-      isShowingOptions = _this$props6.isShowingOptions,
-      optionsMaxWidth = _this$props6.optionsMaxWidth,
-      optionsMaxHeight = _this$props6.optionsMaxHeight,
-      visibleOptionsCount = _this$props6.visibleOptionsCount,
-      children = _this$props6.children;
-    let lastWasGroup = false;
-    const viewProps = isShowingOptions ? {
-      display: 'block',
-      overflowY: 'auto',
-      maxHeight: optionsMaxHeight || this._optionHeight * visibleOptionsCount - (
-      // in Chrome, we need to prevent scrolling when the bottom area of last item is hovered
-      utils.isChromium() ? this.SCROLL_TOLERANCE : 0),
-      maxWidth: optionsMaxWidth || this.width,
-      background: 'primary',
-      elementRef: node => this._listView = node,
-      borderRadius: 'medium'
-    } : {
-      maxHeight: 0
-    };
-    return (0, _jsxRuntime.jsx)(_View.View, {
-      ...viewProps,
-      children: (0, _jsxRuntime.jsx)(_Options.Options, {
-        ...getListProps({
-          as: 'ul',
-          elementRef: this.handleListRef
-        }),
-        children: isShowingOptions ? _react.Children.map(children, (child, index) => {
-          if (!child || !(0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group, _Option.Option])) {
-            return; // ignore invalid children
-          }
-          if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
-            lastWasGroup = false;
-            return this.renderOption(child, {
-              getOptionProps,
-              getDisabledOptionProps
-            });
-          }
-          if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
-            const afterGroup = lastWasGroup;
-            lastWasGroup = true;
-            return this.renderGroup(child, {
-              getOptionProps,
-              getDisabledOptionProps,
-              // for rendering separators appropriately
-              isFirstChild: index === 0,
-              isLastChild: index === _react.Children.count(children) - 1,
-              afterGroup
-            });
-          }
-          return;
-        }) : null
-      })
-    });
-  }
-  renderIcon() {
-    const _this$props7 = this.props,
-      styles = _this$props7.styles,
-      isShowingOptions = _this$props7.isShowingOptions;
-    return (0, _jsxRuntime.jsx)("span", {
-      css: styles === null || styles === void 0 ? void 0 : styles.icon,
-      children: isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _jsxRuntime.jsx)(_IconArrowOpenUpLine2.IconArrowOpenUpLine, {
-        inline: false
-      })) : _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _jsxRuntime.jsx)(_IconArrowOpenDownLine.IconArrowOpenDownLine, {
-        inline: false
-      }))
-    });
-  }
-  renderContentBeforeOrAfterInput(position) {
-    for (const child of this.childrenArray) {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
-        // Group found
-        const options = this.getGroupChildrenArray(child);
-        for (const option of options) {
-          if (option.props.isSelected) {
-            return position === 'before' ? option.props.renderBeforeLabel : option.props.renderAfterLabel ? option.props.renderAfterLabel : this.renderIcon();
-          }
-        }
-      } else {
-        // Ungrouped option found
-        if (child.props.isSelected) {
-          return position === 'before' ? child.props.renderBeforeLabel : child.props.renderAfterLabel ? child.props.renderAfterLabel : this.renderIcon();
-        }
-      }
-    }
-    // if no option with isSelected is found
-    if (position === 'after') {
-      return this.renderIcon();
-    }
-    return void 0;
-  }
-  handleInputContentRender(renderLabelInput, inputValue, isOptionContentAppliedToInput, position, defaultReturn) {
-    const isInputValueEmpty = !inputValue || inputValue === '';
-    if (renderLabelInput && isOptionContentAppliedToInput) {
-      if (!isInputValueEmpty) {
-        return this.renderContentBeforeOrAfterInput(position);
-      }
-      return renderLabelInput;
-    }
-    if (isOptionContentAppliedToInput) {
-      if (isInputValueEmpty) {
-        return defaultReturn;
-      }
-      return this.renderContentBeforeOrAfterInput(position);
-    }
-    if (renderLabelInput) {
-      return renderLabelInput;
-    }
-    return defaultReturn;
-  }
-  handleRenderBeforeInput() {
-    const _this$props8 = this.props,
-      renderBeforeInput = _this$props8.renderBeforeInput,
-      inputValue = _this$props8.inputValue,
-      isOptionContentAppliedToInput = _this$props8.isOptionContentAppliedToInput;
-    return this.handleInputContentRender(renderBeforeInput, inputValue, isOptionContentAppliedToInput, 'before', null // default for before
-    );
-  }
-  handleRenderAfterInput() {
-    const _this$props9 = this.props,
-      renderAfterInput = _this$props9.renderAfterInput,
-      inputValue = _this$props9.inputValue,
-      isOptionContentAppliedToInput = _this$props9.isOptionContentAppliedToInput;
-    return this.handleInputContentRender(renderAfterInput, inputValue, isOptionContentAppliedToInput, 'after', this.renderIcon() // default for after
-    );
-  }
-  renderInput(data) {
-    const getInputProps = data.getInputProps,
-      getTriggerProps = data.getTriggerProps;
-    const _this$props0 = this.props,
-      renderLabel = _this$props0.renderLabel,
-      inputValue = _this$props0.inputValue,
-      placeholder = _this$props0.placeholder,
-      isRequired = _this$props0.isRequired,
-      shouldNotWrap = _this$props0.shouldNotWrap,
-      size = _this$props0.size,
-      isInline = _this$props0.isInline,
-      width = _this$props0.width,
-      htmlSize = _this$props0.htmlSize,
-      messages = _this$props0.messages,
-      renderBeforeInput = _this$props0.renderBeforeInput,
-      renderAfterInput = _this$props0.renderAfterInput,
-      onFocus = _this$props0.onFocus,
-      onBlur = _this$props0.onBlur,
-      onInputChange = _this$props0.onInputChange,
-      onRequestHideOptions = _this$props0.onRequestHideOptions,
-      layout = _this$props0.layout,
-      rest = (0, _objectWithoutProperties2.default)(_this$props0, _excluded2);
-    const interaction = this.interaction;
-    const passthroughProps = (0, _omitProps.omitProps)(rest, Select.allowedProps);
-    const _getTriggerProps = getTriggerProps({
-        ...passthroughProps
-      }),
-      ref = _getTriggerProps.ref,
-      triggerProps = (0, _objectWithoutProperties2.default)(_getTriggerProps, _excluded3);
-    const isEditable = typeof onInputChange !== 'undefined';
-
-    // props to ensure screen readers treat uneditable selects as accessible
-    // popup buttons rather than comboboxes.
-    const overrideProps = !isEditable ? {
-      // We need role="combobox" for the 'open list' button shortcut to work
-      // with desktop screenreaders.
-      // But desktop Safari with Voiceover does not support proper combobox
-      // handling, a 'button' role is set as a workaround.
-      // See https://bugs.webkit.org/show_bug.cgi?id=236881
-      // Also on iOS Chrome with role='combobox' it announces unnecessarily
-      // that its 'read-only' and that this is a 'textfield', see INSTUI-4500
-      role: utils.isSafari() || utils.isAndroidOrIOS() || interaction === 'disabled' && utils.isChromium() ? 'button' : 'combobox',
-      title: inputValue,
-      'aria-autocomplete': void 0,
-      'aria-readonly': true
-    } : interaction === 'disabled' && utils.isChromium() ? {
-      role: 'button'
-    } : {};
-
-    // backdoor to autocomplete attr to work around chrome autofill issues
-    if (passthroughProps['autoComplete']) {
-      overrideProps.autoComplete = passthroughProps['autoComplete'];
-    }
-    const inputProps = {
-      id: this.id,
-      renderLabel,
-      placeholder,
-      size,
-      width,
-      htmlSize,
-      messages,
-      value: inputValue,
-      inputRef: utils.createChainedFunction(ref, this.handleInputRef),
-      inputContainerRef: this.handleInputContainerRef,
-      interaction: interaction === 'enabled' && !isEditable ? 'readonly' // prevent keyboard cursor
-      : interaction,
-      isRequired,
-      shouldNotWrap,
-      layout,
-      display: isInline ? 'inline-block' : 'block',
-      renderBeforeInput: this.handleRenderBeforeInput(),
-      // On iOS VoiceOver, if there is a custom element instead of the changing up and down arrow button
-      // the listbox closes on a swipe, so a DOM change is enforced by the key change
-      // that seems to inform VoiceOver to behave the correct way
-      renderAfterInput: utils.isAndroidOrIOS() && renderAfterInput !== void 0 ? (0, _jsxRuntime.jsx)("span", {
-        children: this.handleRenderAfterInput()
-      }, this.props.isShowingOptions ? 'open' : 'closed') : this.handleRenderAfterInput(),
-      // If `inputValue` is provided, we need to pass a default onChange handler,
-      // because TextInput `value` is a controlled prop,
-      // and onChange is not required for Select
-      // (before it was handled by TextInput's defaultProp)
-      onChange: typeof onInputChange === 'function' ? onInputChange : inputValue ? () => {} : void 0,
-      onFocus,
-      onBlur: utils.createChainedFunction(onBlur, onRequestHideOptions),
-      ...overrideProps
-    };
-    // suppressHydrationWarning is needed because `role` depends on the browser type
-    return (0, _jsxRuntime.jsx)(_TextInput.TextInput, {
-      ...triggerProps,
-      ...getInputProps(inputProps),
-      suppressHydrationWarning: true
-    });
-  }
-  render() {
-    const _this$props1 = this.props,
-      constrain = _this$props1.constrain,
-      placement = _this$props1.placement,
-      mountNode = _this$props1.mountNode,
-      assistiveText = _this$props1.assistiveText,
-      isShowingOptions = _this$props1.isShowingOptions,
-      styles = _this$props1.styles;
-    // clear temporary option store
-    this._optionIds = [];
-    const highlightedOptionId = this.highlightedOptionId;
-    const selectedOptionId = this.selectedOptionId;
-    return (0, _jsxRuntime.jsx)(_Selectable.Selectable, {
-      highlightedOptionId: highlightedOptionId,
-      isShowingOptions: isShowingOptions,
-      selectedOptionId: selectedOptionId,
-      ...this.getEventHandlers(),
-      children: ({
-        getRootProps,
-        getInputProps,
-        getTriggerProps,
-        getListProps,
-        getOptionProps,
-        getDisabledOptionProps,
-        getDescriptionProps
-      }) => (0, _jsxRuntime.jsxs)("span", {
-        ...getRootProps({
-          css: styles === null || styles === void 0 ? void 0 : styles.select
-        }),
-        ref: el => {
-          this.ref = el;
-        },
-        "data-cid": (0, _combineDataCid.combineDataCid)('Select', this.props),
-        children: [this.renderInput({
-          getInputProps,
-          getTriggerProps
-        }), (0, _jsxRuntime.jsx)("span", {
-          ...getDescriptionProps(),
-          css: styles === null || styles === void 0 ? void 0 : styles.assistiveText,
-          children: assistiveText
-        }), (0, _jsxRuntime.jsx)(_Popover.Popover, {
-          constrain: constrain,
-          placement: placement
-          // On iOS VoiceOver, the Popover is mounted right after the input
-          // in order to be able to navigate through the list items with a swipe.
-          // The swipe would result in closing the listbox if mounted elsewhere.
-          ,
-          mountNode: mountNode !== void 0 ? mountNode : utils.isAndroidOrIOS() ? this.ref : void 0,
-          positionTarget: this._inputContainer,
-          isShowingContent: isShowingOptions,
-          shouldReturnFocus: false,
-          withArrow: false,
-          borderWidth: styles === null || styles === void 0 ? void 0 : styles.popoverBorderWidth,
-          children: this.renderList({
-            getListProps,
-            getOptionProps,
-            getDisabledOptionProps
-          })
-        })]
-      })
-    });
-  }
-}, _Select.displayName = "Select", _Select.componentId = 'Select', _Select.allowedProps = _props.allowedProps, _Select.defaultProps = {
-  inputValue: '',
-  isShowingOptions: false,
-  size: 'medium',
-  // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
-  interaction: void 0,
-  isRequired: false,
-  isInline: false,
-  visibleOptionsCount: 8,
-  placement: 'bottom stretch',
-  constrain: 'window',
-  shouldNotWrap: false,
-  scrollToHighlightedOption: true,
-  isOptionContentAppliedToInput: false
-}, _Select.Option = _Option.Option, _Select.Group = _Group.Group, _Select)) || _class) || _class);
-var _default = exports.default = Select;

package/lib/Select/props.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-// These props are directly passed to Selectable
-// TODO: import these from Selectable once TS types can be imported
-
-// These props are directly passed to TextInput
-// TODO: import these from TextInput once TS types can be imported
-
-// These props are directly passed to Popover
-// TODO: import these from Popover once TS types can be imported
-
-const allowedProps = exports.allowedProps = ['renderLabel', 'inputValue', 'isShowingOptions', 'id', 'size', 'assistiveText', 'placeholder', 'interaction', 'isRequired', 'isInline', 'width', 'htmlSize', 'visibleOptionsCount', 'isOptionContentAppliedToInput', 'optionsMaxHeight', 'optionsMaxWidth', 'messages', 'placement', 'constrain', 'mountNode', 'onFocus', 'onBlur', 'onInputChange', 'onRequestShowOptions', 'onRequestHideOptions', 'onRequestHighlightOption', 'onRequestSelectOption', 'inputRef', 'listRef', 'renderBeforeInput', 'renderAfterInput', 'children', 'shouldNotWrap', 'scrollToHighlightedOption', 'layout'];

package/lib/Select/styles.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (componentTheme, props) => {
-  const size = props.size;
-  const iconSizeVariants = {
-    small: {
-      fontSize: componentTheme.smallIconSize
-    },
-    medium: {
-      fontSize: componentTheme.mediumIconSize
-    },
-    large: {
-      fontSize: componentTheme.largeIconSize
-    }
-  };
-  return {
-    select: {
-      label: 'select',
-      fontSize: componentTheme.fontSize,
-      fontFamily: componentTheme.fontFamily,
-      fontWeight: componentTheme.fontWeight,
-      color: componentTheme.color
-    },
-    icon: {
-      label: 'select__icon',
-      ...iconSizeVariants[size]
-    },
-    assistiveText: {
-      label: 'select__assistiveText',
-      display: 'none'
-    },
-    popoverBorderWidth: componentTheme.popoverBorderWidth
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/Select/theme.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  var _colors$contrasts, _colors$contrasts2;
-  const colors = theme.colors,
-    typography = theme.typography;
-  const componentVariables = {
-    fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
-    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
-    fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
-    smallIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXSmall,
-    mediumIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
-    largeIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
-    color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125,
-    background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.white1010,
-    popoverBorderWidth: 'small'
-  };
-  return {
-    ...componentVariables
-  };
-};
-var _default = exports.default = generateComponentTheme;

package/lib/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () {
-    return _Select.Select;
-  }
-});
-Object.defineProperty(exports, "SelectGroup", {
-  enumerable: true,
-  get: function () {
-    return _Group.Group;
-  }
-});
-Object.defineProperty(exports, "SelectOption", {
-  enumerable: true,
-  get: function () {
-    return _Option.Option;
-  }
-});
-var _Select = require("./Select");
-var _Group = require("./Select/Group");
-var _Option = require("./Select/Option");

package/lib/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}