@instructure/ui-options 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-options
+
+
+
+
+
 # [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-options

package/{lib/Options/Separator/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,14 @@ exports.allowedProps = void 0;
  * SOFTWARE.
  */
 
-const allowedProps = exports.allowedProps = ['as'];
+module.exports = {
+  presets: [
+    [
+      require('@instructure/ui-babel-preset'),
+      {
+        coverage: Boolean(process.env.COVERAGE),
+        esModules: Boolean(process.env.ES_MODULES)
+      }
+    ]
+  ]
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-options",
-  "version": "11.6.0",
+  "version": "11.6.1-pr-snapshot-1779894247159",
+  "type": "module",
   "description": "A view-only component for composing interactive lists and menus.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -15,22 +15,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/shared-types": "11.6.0",
-    "@instructure/ui-react-utils": "11.6.0",
-    "@instructure/emotion": "11.6.0",
-    "@instructure/ui-icons": "11.6.0",
-    "@instructure/ui-utils": "11.6.0",
-    "@instructure/ui-view": "11.6.0"
+    "@instructure/emotion": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/shared-types": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-react-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-icons": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-view": "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-axe-check": "11.6.0",
-    "@instructure/ui-babel-preset": "11.6.0",
-    "@instructure/ui-color-utils": "11.6.0",
-    "@instructure/ui-themes": "11.6.0"
+    "@instructure/ui-axe-check": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-babel-preset": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-color-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-themes": "11.6.1-pr-snapshot-1779894247159"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -43,10 +43,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",
@@ -56,7 +54,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/Options/Item/index.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Item = void 0;
-var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _dec2, _class, _Item;
-/*
- * 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: Options
-id: Options.Item
----
-**/
-let Item = exports.Item = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_Item = class Item extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.ref = null;
-    this._descriptionId = void 0;
-    this._descriptionId = props.deterministicId('OptionsItem-description');
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
-  }
-  renderContent(renderLabel, contentVariant) {
-    const _this$props3 = this.props,
-      styles = _this$props3.styles,
-      variant = _this$props3.variant,
-      as = _this$props3.as,
-      role = _this$props3.role,
-      children = _this$props3.children;
-    return (0, _jsxRuntime.jsx)("span", {
-      css: [styles === null || styles === void 0 ? void 0 : styles.content, contentVariant],
-      role: "presentation",
-      "aria-hidden": "true",
-      children: (0, _uiReactUtils.callRenderProp)(renderLabel, {
-        variant,
-        as,
-        role,
-        children
-      })
-    });
-  }
-  render() {
-    const _this$props4 = this.props,
-      as = _this$props4.as,
-      href = _this$props4.href,
-      role = _this$props4.role,
-      styles = _this$props4.styles,
-      description = _this$props4.description,
-      descriptionRole = _this$props4.descriptionRole,
-      renderBeforeLabel = _this$props4.renderBeforeLabel,
-      renderAfterLabel = _this$props4.renderAfterLabel,
-      elementRef = _this$props4.elementRef,
-      children = _this$props4.children,
-      voiceoverRoleBugWorkaround = _this$props4.voiceoverRoleBugWorkaround;
-    const ElementType = (0, _uiReactUtils.getElementType)(Item, this.props, () => as);
-    const InnerElementType = href ? 'a' : 'span';
-    const passthroughProps = (0, _uiReactUtils.omitProps)(this.props, Item.allowedProps);
-    const childrenContent = (0, _uiReactUtils.callRenderProp)(children);
-    const descriptionContent = (0, _uiReactUtils.callRenderProp)(description);
-    const ariaDescribedBy = this.props['aria-describedby'] || (descriptionContent ? this._descriptionId : void 0);
-    return (0, _jsxRuntime.jsxs)(ElementType, {
-      role: voiceoverRoleBugWorkaround ? role : 'none',
-      "data-cid": "Options.Item",
-      css: styles === null || styles === void 0 ? void 0 : styles.item,
-      ref: element => {
-        this.ref = element;
-        if (typeof elementRef === 'function') {
-          elementRef(element);
-        }
-      },
-      "aria-describedby": voiceoverRoleBugWorkaround ? ariaDescribedBy : void 0,
-      children: [(0, _jsxRuntime.jsxs)(InnerElementType, {
-        ...passthroughProps,
-        css: styles === null || styles === void 0 ? void 0 : styles.container,
-        role: href || voiceoverRoleBugWorkaround ? void 0 : role,
-        href: href,
-        "aria-describedby": voiceoverRoleBugWorkaround ? void 0 : ariaDescribedBy,
-        children: [childrenContent, descriptionContent && (0, _jsxRuntime.jsx)("span", {
-          css: styles === null || styles === void 0 ? void 0 : styles.description,
-          role: descriptionRole,
-          id: this._descriptionId,
-          children: descriptionContent
-        })]
-      }), renderBeforeLabel && this.renderContent(renderBeforeLabel, styles === null || styles === void 0 ? void 0 : styles.contentBefore), renderAfterLabel && this.renderContent(renderAfterLabel, styles === null || styles === void 0 ? void 0 : styles.contentAfter)]
-    });
-  }
-}, _Item.displayName = "Item", _Item.componentId = 'Options.Item', _Item.allowedProps = _props.allowedProps, _Item.defaultProps = {
-  as: 'span',
-  variant: 'default',
-  role: 'listitem',
-  voiceoverRoleBugWorkaround: false,
-  beforeLabelContentVAlign: 'center',
-  afterLabelContentVAlign: 'center',
-  isSelected: false
-}, _Item)) || _class) || _class);
-var _default = exports.default = Item;

package/lib/Options/Item/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 = ['as', 'variant', 'role', 'renderBeforeLabel', 'renderAfterLabel', 'beforeLabelContentVAlign', 'afterLabelContentVAlign', 'description', 'descriptionRole', 'voiceoverRoleBugWorkaround', 'href', 'elementRef', 'children', 'isSelected'];

package/lib/Options/Item/styles.js

@@ -1,195 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _uiReactUtils = require("@instructure/ui-react-utils");
-/*
- * 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.
- */
-
-/**
- * ---
- * private: true
- * ---
- * 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 variant = props.variant,
-    children = props.children,
-    hasContentBeforeLabel = props.renderBeforeLabel,
-    hasContentAfterLabel = props.renderAfterLabel,
-    beforeLabelContentVAlign = props.beforeLabelContentVAlign,
-    afterLabelContentVAlign = props.afterLabelContentVAlign;
-  // TODO if children are () => ReactNode this wont match anything
-  const containsList = (0, _uiReactUtils.matchComponentTypes)(children, ['Options']);
-
-  // used for label and description too
-  const variantVariants = {
-    highlighted: {
-      background: componentTheme.highlightedBackground,
-      color: componentTheme.highlightedLabelColor
-    },
-    selected: {
-      background: componentTheme.selectedBackground,
-      color: componentTheme.highlightedLabelColor
-    },
-    disabled: {
-      cursor: 'not-allowed',
-      opacity: 0.68
-    },
-    'highlighted-disabled': {
-      background: componentTheme.highlightedBackground,
-      color: componentTheme.highlightedLabelColor,
-      cursor: 'not-allowed'
-    },
-    'selected-highlighted': {
-      background: componentTheme.selectedHighlightedBackground,
-      color: componentTheme.highlightedLabelColor
-    },
-    default: {
-      transition: 'background 200ms'
-    }
-  };
-  const getContentVAlign = type => {
-    const vAlign = type === 'before' ? beforeLabelContentVAlign : afterLabelContentVAlign;
-    const vOffset = type === 'before' ? componentTheme.beforeLabelContentVOffset : componentTheme.afterLabelContentVOffset;
-    return {
-      start: {
-        alignItems: 'flex-start',
-        paddingBlockStart: vOffset
-      },
-      center: {
-        alignItems: 'center',
-        paddingBlockStart: vOffset,
-        paddingBlockEnd: vOffset
-      },
-      end: {
-        alignItems: 'flex-end',
-        paddingBlockEnd: vOffset
-      }
-    }[vAlign];
-  };
-  const linkStyles = {
-    textDecoration: 'none',
-    color: 'currentColor'
-  };
-  return {
-    item: {
-      label: 'optionItem',
-      background: componentTheme.background,
-      color: componentTheme.color,
-      cursor: 'pointer',
-      display: 'block',
-      fontSize: componentTheme.fontSize,
-      fontFamily: componentTheme.fontFamily,
-      fontWeight: props.isSelected ? componentTheme.fontWeightSelected : componentTheme.fontWeight,
-      lineHeight: componentTheme.lineHeight,
-      outline: 'none',
-      position: 'relative',
-      userSelect: 'none',
-      ...variantVariants[variant],
-      ...(containsList && {
-        cursor: 'default'
-      }),
-      // for nested items
-      '[class*=-optionItem] &': {
-        // except if it has icon before
-        ...(!hasContentBeforeLabel && {
-          '[class$=-optionItem__container]': {
-            paddingInlineStart: componentTheme.nestedPadding
-          },
-          '[class$=-optionItem__content--before]': {
-            insetInlineStart: componentTheme.nestedPadding
-          }
-        })
-      }
-    },
-    container: {
-      label: 'optionItem__container',
-      display: 'block',
-      outline: 'none',
-      padding: componentTheme.padding,
-      ...(containsList && {
-        padding: '0'
-      }),
-      ...(hasContentBeforeLabel && {
-        paddingInlineEnd: componentTheme.iconPadding,
-        paddingInlineStart: `calc(${componentTheme.iconPadding} * 2 + 1em)`
-      }),
-      ...(hasContentAfterLabel && {
-        paddingInlineEnd: `calc(${componentTheme.iconPadding} * 2 + 1em)`,
-        paddingInlineStart: componentTheme.iconPadding
-      }),
-      ...(hasContentBeforeLabel && hasContentAfterLabel && {
-        paddingInlineEnd: `calc(${componentTheme.iconPadding} * 2 + 1em)`,
-        paddingInlineStart: `calc(${componentTheme.iconPadding} * 2 + 1em)`
-      }),
-      // NOTE: needs separate groups for `:is()` and `:-webkit-any()` because of css selector group validation (see https://www.w3.org/TR/selectors-3/#grouping)
-      '&:is(a)': {
-        '&, &:link, &:visited, &:active, &:hover, &:focus': linkStyles
-      },
-      '&:-webkit-any(a)': {
-        '&, &:link, &:visited, &:active, &:hover, &:focus': linkStyles
-      }
-    },
-    content: {
-      label: 'optionItem__content',
-      display: 'flex',
-      height: '100%',
-      boxSizing: 'border-box',
-      pointerEvents: 'none',
-      position: 'absolute',
-      top: '0'
-    },
-    contentBefore: {
-      label: 'optionItem__content--before',
-      insetInlineEnd: 'auto',
-      insetInlineStart: componentTheme.iconPadding,
-      ...getContentVAlign('before')
-    },
-    contentAfter: {
-      label: 'optionItem__content--after',
-      insetInlineEnd: componentTheme.iconPadding,
-      insetInlineStart: 'auto',
-      ...getContentVAlign('after')
-    },
-    description: {
-      label: 'optionItem__description',
-      display: 'block',
-      paddingBlockStart: componentTheme.descriptionPaddingStart,
-      fontWeight: componentTheme.descriptionFontWeight,
-      fontSize: componentTheme.descriptionFontSize,
-      lineHeight: componentTheme.descriptionLineHeight,
-      color: componentTheme.descriptionColor,
-      ...variantVariants[variant],
-      background: 'none' // needed to clear variant background
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/Options/Item/theme.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionsItemThemeGenerator = 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, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8;
-  const colors = theme.colors,
-    typography = theme.typography,
-    spacing = theme.spacing,
-    themeName = theme.key;
-  const themeSpecificStyle = {
-    canvas: {
-      color: theme['ic-brand-font-color-dark'],
-      highlightedBackground: theme['ic-brand-primary']
-    }
-  };
-  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,
-    lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
-    fontWeightSelected: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
-    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,
-    highlightedLabelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.white1010,
-    highlightedBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
-    selectedLabelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.white1010,
-    selectedBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.grey4570,
-    selectedHighlightedBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.blue5782,
-    padding: `${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall} ${spacing === null || spacing === void 0 ? void 0 : spacing.small}`,
-    iconPadding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
-    nestedPadding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
-    beforeLabelContentVOffset: '0.625rem',
-    afterLabelContentVOffset: '0.625rem',
-    descriptionFontSize: typography.fontSizeSmall,
-    descriptionFontWeight: typography.fontWeightNormal,
-    descriptionLineHeight: typography.lineHeight,
-    descriptionPaddingStart: '0.25em',
-    descriptionColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey5782
-  };
-  return {
-    ...componentVariables,
-    ...themeSpecificStyle[themeName]
-  };
-};
-exports.optionsItemThemeGenerator = generateComponentTheme;
-var _default = exports.default = generateComponentTheme;

package/lib/Options/Separator/index.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Separator = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-const _excluded = ["as", "styles"];
-var _dec, _class, _Separator;
-/*
- * 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: Options
-id: Options.Separator
----
-@module Separator
-**/
-let Separator = exports.Separator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Separator = class Separator extends _react.Component {
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
-  }
-  render() {
-    const _this$props3 = this.props,
-      as = _this$props3.as,
-      styles = _this$props3.styles,
-      rest = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
-    const ElementType = (0, _uiReactUtils.getElementType)(Separator, this.props, () => as);
-    return (0, _jsxRuntime.jsx)(ElementType, {
-      role: "none",
-      children: (0, _jsxRuntime.jsx)("div", {
-        ...(0, _uiReactUtils.omitProps)(rest, ['styles', 'makeStyles', 'themeOverride']),
-        css: styles === null || styles === void 0 ? void 0 : styles.separator,
-        role: "presentation"
-      })
-    });
-  }
-}, _Separator.displayName = "Separator", _Separator.componentId = 'Options.Separator', _Separator.allowedProps = _props.allowedProps, _Separator.defaultProps = {
-  as: 'span'
-}, _Separator)) || _class);
-var _default = exports.default = Separator;

package/lib/Options/Separator/styles.js

@@ -1,52 +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.
- */
-
-/**
- * ---
- * private: true
- * ---
- * 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 => {
-  return {
-    separator: {
-      label: 'separator',
-      height: componentTheme.height,
-      margin: componentTheme.margin,
-      overflow: 'hidden',
-      background: componentTheme.background
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/Options/Separator/theme.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionsSeparatorThemeGenerator = 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;
-  const borders = theme.borders,
-    colors = theme.colors,
-    spacing = theme.spacing;
-  const componentVariables = {
-    background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey3045,
-    height: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
-    margin: `0 ${spacing === null || spacing === void 0 ? void 0 : spacing.small}`
-  };
-  return {
-    ...componentVariables
-  };
-};
-exports.optionsSeparatorThemeGenerator = generateComponentTheme;
-var _default = exports.default = generateComponentTheme;

package/lib/Options/index.js

@@ -1,153 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Options = void 0;
-var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiView = require("@instructure/ui-view");
-var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _Item = require("./Item");
-var _Separator = require("./Separator");
-var _props = require("./props");
-var _uiUtils = require("@instructure/ui-utils");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _dec2, _class, _Options;
-/*
- * 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.
- */
-/**
----
-category: components/utilities
----
-**/
-let Options = exports.Options = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_Options = class Options extends _react.Component {
-  constructor(...args) {
-    super(...args);
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
-    this._labelId = this.props.deterministicId('Options-label');
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
-  }
-  get childAs() {
-    const as = this.props.as;
-    if (as === 'ul' || as === 'ol') {
-      return 'li';
-    }
-    return void 0;
-  }
-  renderLabel() {
-    const _this$props3 = this.props,
-      renderLabel = _this$props3.renderLabel,
-      styles = _this$props3.styles;
-    return (0, _jsxRuntime.jsx)("span", {
-      id: this._labelId,
-      role: "presentation"
-      // because TalkBack and iOS VoiceOver don't announce sub-menu labels, aria-hidden needs to be false to achive that
-      ,
-      "aria-hidden": (0, _uiUtils.isAndroidOrIOS)() ? 'false' : 'true',
-      css: styles === null || styles === void 0 ? void 0 : styles.label,
-      children: (0, _uiReactUtils.callRenderProp)(renderLabel)
-    });
-  }
-  renderSubList(subOptions) {
-    const styles = this.props.styles;
-    return (0, _jsxRuntime.jsx)(_Item.Item, {
-      as: this.childAs,
-      role: "presentation",
-      css: styles === null || styles === void 0 ? void 0 : styles.label,
-      children: subOptions
-    });
-  }
-  renderChildren() {
-    const children = this.props.children;
-    return _react.Children.map(children, child => {
-      if ((0, _uiReactUtils.matchComponentTypes)(child, ['Options'])) {
-        return this.renderSubList(child);
-      }
-      if ((0, _uiReactUtils.matchComponentTypes)(child, ['Item', 'Separator'])) {
-        return (0, _uiReactUtils.safeCloneElement)(child, {
-          as: this.childAs || child.props.as
-        });
-      }
-      return void 0;
-    });
-  }
-  get ariaLabelledby() {
-    if (this.props.renderLabel) {
-      return this._labelId;
-    }
-    if (this.props['aria-labelledby']) {
-      return this.props['aria-labelledby'];
-    }
-    return void 0;
-  }
-  render() {
-    const passthroughProps = _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Options.allowedProps), Options);
-    const _this$props4 = this.props,
-      as = _this$props4.as,
-      role = _this$props4.role,
-      renderLabel = _this$props4.renderLabel,
-      elementRef = _this$props4.elementRef,
-      styles = _this$props4.styles;
-    return (0, _jsxRuntime.jsxs)("div", {
-      css: styles === null || styles === void 0 ? void 0 : styles.options,
-      role: "presentation",
-      ref: this.handleRef,
-      "data-cid": "Options",
-      children: [renderLabel && this.renderLabel(), (0, _jsxRuntime.jsx)(_uiView.View, {
-        ...passthroughProps,
-        elementRef: elementRef,
-        css: styles === null || styles === void 0 ? void 0 : styles.list,
-        as: as,
-        role: role,
-        display: "block",
-        margin: "none",
-        padding: "none",
-        background: "primary",
-        "aria-labelledby": this.ariaLabelledby,
-        children: this.renderChildren()
-      })]
-    });
-  }
-}, _Options.displayName = "Options", _Options.componentId = 'Options', _Options.allowedProps = _props.allowedProps, _Options.defaultProps = {
-  as: 'span',
-  role: 'list',
-  elementRef: () => {},
-  renderLabel: null,
-  children: null
-}, _Options.Item = _Item.Item, _Options.Separator = _Separator.Separator, _Options)) || _class) || _class);
-var _default = exports.default = Options;

package/lib/Options/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 = ['as', 'role', 'elementRef', 'renderLabel', 'children'];

package/lib/Options/styles.js

@@ -1,63 +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.
- */
-
-/**
- * ---
- * private: true
- * ---
- * 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 => {
-  return {
-    options: {
-      label: 'options',
-      boxSizing: 'border-box',
-      wordWrap: 'break-word'
-    },
-    list: {
-      label: 'options__list',
-      listStyleType: 'none',
-      position: 'relative'
-    },
-    label: {
-      label: 'options__label',
-      color: componentTheme.labelColor,
-      cursor: 'default',
-      display: 'block',
-      fontWeight: componentTheme.labelFontWeight,
-      padding: componentTheme.nestedLabelPadding
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/Options/theme.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionsThemeGenerator = 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,
-    spacing = theme.spacing;
-  const componentVariables = {
-    labelFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
-    background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.white1010,
-    labelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
-    labelPadding: `${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall} 0`,
-    nestedLabelPadding: `${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall} ${spacing === null || spacing === void 0 ? void 0 : spacing.small}`
-  };
-  return {
-    ...componentVariables
-  };
-};
-exports.optionsThemeGenerator = generateComponentTheme;
-var _default = exports.default = generateComponentTheme;

package/lib/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "OptionItem", {
-  enumerable: true,
-  get: function () {
-    return _Item.Item;
-  }
-});
-Object.defineProperty(exports, "OptionSeparator", {
-  enumerable: true,
-  get: function () {
-    return _Separator.Separator;
-  }
-});
-Object.defineProperty(exports, "Options", {
-  enumerable: true,
-  get: function () {
-    return _Options.Options;
-  }
-});
-Object.defineProperty(exports, "optionsItemThemeGenerator", {
-  enumerable: true,
-  get: function () {
-    return _theme2.optionsItemThemeGenerator;
-  }
-});
-Object.defineProperty(exports, "optionsSeparatorThemeGenerator", {
-  enumerable: true,
-  get: function () {
-    return _theme3.optionsSeparatorThemeGenerator;
-  }
-});
-Object.defineProperty(exports, "optionsThemeGenerator", {
-  enumerable: true,
-  get: function () {
-    return _theme.optionsThemeGenerator;
-  }
-});
-var _Options = require("./Options");
-var _Item = require("./Options/Item");
-var _Separator = require("./Options/Separator");
-var _theme = require("./Options/theme");
-var _theme2 = require("./Options/Item/theme");
-var _theme3 = require("./Options/Separator/theme");

package/lib/package.json

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