@instructure/ui-options 8.12.1-snapshot.7 → 8.13.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+### Features
+
+- **canvas-theme,ui-theme-tokens,ui-themes:** update canvas theme colors ([a72237d](https://github.com/instructure/instructure-ui/commit/a72237dc213b86aa8f18da2618559ea4c118e1dd))
+
 # [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
 
 **Note:** Version bump only for package @instructure/ui-options

package/es/Options/Item/OptionsItemLocator.js

@@ -25,7 +25,7 @@ import { locator } from '@instructure/ui-test-locator';
 import { OptionsLocator } from '../OptionsLocator';
 import { Item } from './index';
 export const OptionsItemLocator = locator(Item.selector, {
-  findNestedOptions: (...args) => {
-    return OptionsLocator.find(...args);
+  findNestedOptions: function () {
+    return OptionsLocator.find(...arguments);
   }
 });

package/es/Options/Item/__examples__/Item.examples.js

@@ -30,6 +30,8 @@ export default {
   },
   getComponentProps: props => {
     return {
+      renderAfterLabel: props.renderAfterLabel,
+      renderBeforeLabel: props.renderBeforeLabel,
       children: 'Lorem ipsum dolor sit amet',
       role: 'none'
     };

package/es/Options/Item/index.js

@@ -37,11 +37,12 @@ import { allowedProps, propTypes } from './props';
 parent: Options
 id: Options.Item
 ---
+@tsProps
 **/
 
 let Item = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Item extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
   }
 

package/es/Options/Item/props.js

@@ -23,31 +23,10 @@
  */
 import PropTypes from 'prop-types';
 const propTypes = {
-  /**
-   * Element type to render as
-   */
   as: PropTypes.elementType,
-
-  /**
-   * The style variant of the item
-   */
   variant: PropTypes.oneOf(['default', 'highlighted', 'selected', 'disabled']),
-
-  /**
-   * The aria role of the element
-   */
   role: PropTypes.string,
-
-  /**
-   * Content to render before the label
-   * (if you pass a function, it has the `props` as its parameter)
-   */
   renderBeforeLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-
-  /**
-   * Content to render after the label
-   * (if you pass a function, it has the `props` as its parameter)
-   */
   renderAfterLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
 };

package/es/Options/OptionsLocator.js

@@ -25,10 +25,10 @@ import { locator } from '@instructure/ui-test-locator';
 import { Options } from './index';
 import { OptionsItemLocator } from './Item/OptionsItemLocator';
 export const OptionsLocator = locator(Options.selector, {
-  findAllItems: (...args) => {
-    return OptionsItemLocator.findAll(...args);
+  findAllItems: function () {
+    return OptionsItemLocator.findAll(...arguments);
   },
-  findItem: (...args) => {
-    return OptionsItemLocator.find(...args);
+  findItem: function () {
+    return OptionsItemLocator.find(...arguments);
   }
 });

package/es/Options/Separator/index.js

@@ -40,6 +40,7 @@ parent: Options
 id: Options.Separator
 ---
 @module Separator
+@tsProps
 **/
 
 let Separator = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(_class = (_temp = _class2 = class Separator extends Component {

package/es/Options/Separator/props.js

@@ -23,9 +23,6 @@
  */
 import PropTypes from 'prop-types';
 const propTypes = {
-  /**
-   * Element type to render as
-   */
   as: PropTypes.elementType
 };
 const allowedProps = ['as'];

package/es/Options/index.js

@@ -40,11 +40,12 @@ import { allowedProps, propTypes } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 
 let Options = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Options extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {
@@ -142,7 +143,7 @@ let Options = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 =
 }, _class2.displayName = "Options", _class2.componentId = 'Options', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   as: 'span',
   role: 'list',
-  elementRef: node => {},
+  elementRef: () => {},
   renderLabel: null,
   children: null
 }, _class2.Item = Item, _class2.Separator = Separator, _temp)) || _class) || _class);

package/es/Options/props.js

@@ -24,24 +24,9 @@
 import PropTypes from 'prop-types';
 import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 const propTypes = {
-  /**
-   * Element type to render as
-   */
   as: PropTypes.elementType,
-
-  /**
-   * The aria role of the element
-   */
   role: PropTypes.string,
-
-  /**
-   * The the actual list element
-   */
   elementRef: PropTypes.func,
-
-  /**
-   * Content to render as a label. Mostly for when the component is nested
-   */
   renderLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   children: ChildrenPropTypes.oneOf(['Options', 'Item', 'Separator'])
 };

package/lib/Options/Item/OptionsItemLocator.js

@@ -35,8 +35,8 @@ var _index = require("./index");
  * SOFTWARE.
  */
 const OptionsItemLocator = (0, _uiTestLocator.locator)(_index.Item.selector, {
-  findNestedOptions: (...args) => {
-    return _OptionsLocator.OptionsLocator.find(...args);
+  findNestedOptions: function () {
+    return _OptionsLocator.OptionsLocator.find(...arguments);
   }
 });
 exports.OptionsItemLocator = OptionsItemLocator;

package/lib/Options/Item/__examples__/Item.examples.js

@@ -38,6 +38,8 @@ var _default = {
   },
   getComponentProps: props => {
     return {
+      renderAfterLabel: props.renderAfterLabel,
+      renderBeforeLabel: props.renderBeforeLabel,
       children: 'Lorem ipsum dolor sit amet',
       role: 'none'
     };

package/lib/Options/Item/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Item = exports.default = void 0;
+exports.default = exports.Item = void 0;
 
 var _react = require("react");
 
@@ -28,10 +28,11 @@ var _dec, _dec2, _class, _class2, _temp;
 parent: Options
 id: Options.Item
 ---
+@tsProps
 **/
 let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Item extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
   }
 

package/lib/Options/Item/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -33,31 +33,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * Element type to render as
-   */
   as: _propTypes.default.elementType,
-
-  /**
-   * The style variant of the item
-   */
   variant: _propTypes.default.oneOf(['default', 'highlighted', 'selected', 'disabled']),
-
-  /**
-   * The aria role of the element
-   */
   role: _propTypes.default.string,
-
-  /**
-   * Content to render before the label
-   * (if you pass a function, it has the `props` as its parameter)
-   */
   renderBeforeLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /**
-   * Content to render after the label
-   * (if you pass a function, it has the `props` as its parameter)
-   */
   renderAfterLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
 };

package/lib/Options/OptionsLocator.js

@@ -35,11 +35,11 @@ var _OptionsItemLocator = require("./Item/OptionsItemLocator");
  * SOFTWARE.
  */
 const OptionsLocator = (0, _uiTestLocator.locator)(_index.Options.selector, {
-  findAllItems: (...args) => {
-    return _OptionsItemLocator.OptionsItemLocator.findAll(...args);
+  findAllItems: function () {
+    return _OptionsItemLocator.OptionsItemLocator.findAll(...arguments);
   },
-  findItem: (...args) => {
-    return _OptionsItemLocator.OptionsItemLocator.find(...args);
+  findItem: function () {
+    return _OptionsItemLocator.OptionsItemLocator.find(...arguments);
   }
 });
 exports.OptionsLocator = OptionsLocator;

package/lib/Options/Separator/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Separator = exports.default = void 0;
+exports.default = exports.Separator = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -31,6 +31,7 @@ parent: Options
 id: Options.Separator
 ---
 @module Separator
+@tsProps
 **/
 let Separator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Separator extends _react.Component {
   componentDidMount() {

package/lib/Options/Separator/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -33,9 +33,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * Element type to render as
-   */
   as: _propTypes.default.elementType
 };
 exports.propTypes = propTypes;

package/lib/Options/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Options = exports.default = void 0;
+exports.default = exports.Options = void 0;
 
 var _react = require("react");
 
@@ -35,10 +35,11 @@ var _dec, _dec2, _class, _class2, _temp;
 ---
 category: components
 ---
+@tsProps
 **/
 let Options = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Options extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {
@@ -137,7 +138,7 @@ let Options = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
 }, _class2.displayName = "Options", _class2.componentId = 'Options', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   as: 'span',
   role: 'list',
-  elementRef: node => {},
+  elementRef: () => {},
   renderLabel: null,
   children: null
 }, _class2.Item = _Item.Item, _class2.Separator = _Separator.Separator, _temp)) || _class) || _class);

package/lib/Options/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -35,24 +35,9 @@ var _uiPropTypes = require("@instructure/ui-prop-types");
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * Element type to render as
-   */
   as: _propTypes.default.elementType,
-
-  /**
-   * The aria role of the element
-   */
   role: _propTypes.default.string,
-
-  /**
-   * The the actual list element
-   */
   elementRef: _propTypes.default.func,
-
-  /**
-   * Content to render as a label. Mostly for when the component is nested
-   */
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   children: _uiPropTypes.Children.oneOf(['Options', 'Item', 'Separator'])
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-options",
-  "version": "8.12.1-snapshot.7+1e7ac8219",
+  "version": "8.13.0",
   "description": "A view-only component for composing interactive lists and menus.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,22 +24,22 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-color-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-locator": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-themes": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/ui-babel-preset": "8.13.0",
+    "@instructure/ui-color-utils": "8.13.0",
+    "@instructure/ui-test-locator": "8.13.0",
+    "@instructure/ui-test-utils": "8.13.0",
+    "@instructure/ui-themes": "8.13.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/shared-types": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-icons": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-prop-types": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-react-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-testable": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-view": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/uid": "8.12.1-snapshot.7+1e7ac8219",
+    "@instructure/emotion": "8.13.0",
+    "@instructure/shared-types": "8.13.0",
+    "@instructure/ui-icons": "8.13.0",
+    "@instructure/ui-prop-types": "8.13.0",
+    "@instructure/ui-react-utils": "8.13.0",
+    "@instructure/ui-testable": "8.13.0",
+    "@instructure/ui-view": "8.13.0",
+    "@instructure/uid": "8.13.0",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -48,6 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  "sideEffects": false
 }

package/src/Options/Item/__examples__/Item.examples.ts

@@ -22,6 +22,7 @@
  * SOFTWARE.
  */
 import { IconCheckSolid, IconArrowOpenEndSolid } from '@instructure/ui-icons'
+import { OptionsItemProps } from '../props'
 
 export default {
   maxExamplesPerPage: 50,
@@ -29,9 +30,10 @@ export default {
     renderAfterLabel: [null, IconArrowOpenEndSolid],
     renderBeforeLabel: [null, IconCheckSolid]
   },
-  // @ts-expect-error ts-migrate(6133) FIXME: 'props' is declared but its value is never read.
-  getComponentProps: (props) => {
+  getComponentProps: (props: OptionsItemProps) => {
     return {
+      renderAfterLabel: props.renderAfterLabel,
+      renderBeforeLabel: props.renderBeforeLabel,
       children: 'Lorem ipsum dolor sit amet',
       role: 'none'
     }

package/src/Options/Item/index.tsx

@@ -36,7 +36,7 @@ import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyles from './styles'
 import generateComponentTheme from './theme'
-import type { OptionsItemProps } from './props'
+import type { OptionsItemProps, OptionsItemStyle } from './props'
 import { allowedProps, propTypes } from './props'
 
 /**
@@ -44,6 +44,7 @@ import { allowedProps, propTypes } from './props'
 parent: Options
 id: Options.Item
 ---
+@tsProps
 **/
 @withStyle(generateStyles, generateComponentTheme)
 @testable()
@@ -72,8 +73,14 @@ class Item extends Component<OptionsItemProps> {
     this.props.makeStyles?.()
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'renderLabel' implicitly has an 'any' ty... Remove this comment to see the full error message
-  renderContent(renderLabel, contentVariant) {
+  renderContent(
+    renderLabel:
+      | OptionsItemProps['renderBeforeLabel']
+      | OptionsItemProps['renderAfterLabel'],
+    contentVariant:
+      | OptionsItemStyle['contentBefore']
+      | OptionsItemStyle['contentAfter']
+  ) {
     const { styles, variant, as, role, children } = this.props
 
     return (

package/src/Options/Item/props.ts

@@ -33,13 +33,34 @@ import type {
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
-type OptionsItemOwnProps = {
+type ItemProps = {
+  children?: React.ReactNode | (() => React.ReactNode)
+  /**
+   * Element type to render as
+   */
   as?: AsElementType
+  /**
+   * The style variant of the item
+   */
   variant?: 'default' | 'highlighted' | 'selected' | 'disabled'
+  /**
+   * The aria role of the element
+   */
   role?: string
-  renderBeforeLabel?: React.ReactNode | ((...args: any[]) => any)
-  renderAfterLabel?: React.ReactNode | ((...args: any[]) => any)
-  children?: React.ReactNode | ((...args: any[]) => React.ReactNode)
+}
+
+type OptionsItemOwnProps = ItemProps & {
+  /**
+   * Content to render before the label
+   * (if you pass a function, it has the `props` as its parameter)
+   */
+  renderBeforeLabel?: React.ReactNode | ((props: ItemProps) => React.ReactNode)
+  /**
+   * Content to render after the label
+   * (if you pass a function, it has the `props` as its parameter)
+   */
+  renderAfterLabel?: React.ReactNode | ((props: ItemProps) => React.ReactNode)
+  children?: React.ReactNode | (() => React.ReactNode)
 }
 
 type PropKeys = keyof OptionsItemOwnProps
@@ -55,27 +76,10 @@ type OptionsItemStyle = ComponentStyle<
 >
 
 const propTypes: PropValidators<PropKeys> = {
-  /**
-   * Element type to render as
-   */
   as: PropTypes.elementType,
-  /**
-   * The style variant of the item
-   */
   variant: PropTypes.oneOf(['default', 'highlighted', 'selected', 'disabled']),
-  /**
-   * The aria role of the element
-   */
   role: PropTypes.string,
-  /**
-   * Content to render before the label
-   * (if you pass a function, it has the `props` as its parameter)
-   */
   renderBeforeLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  /**
-   * Content to render after the label
-   * (if you pass a function, it has the `props` as its parameter)
-   */
   renderAfterLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
 }

package/src/Options/README.md

@@ -265,7 +265,7 @@ render(
       label: 'Text is green',
       extraProps: {
         renderBeforeLabel: IconCheckSolid,
-        themeOverride: { color: "#00AC18" }
+        themeOverride: { color: "#0B874B" }
       }
     },
     {

package/src/Options/Separator/index.tsx

@@ -40,6 +40,7 @@ parent: Options
 id: Options.Separator
 ---
 @module Separator
+@tsProps
 **/
 @withStyle(generateStyles, generateComponentTheme)
 class Separator extends Component<OptionsSeparatorProps> {

package/src/Options/Separator/props.ts

@@ -33,6 +33,9 @@ import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import { AllHTMLAttributes } from 'react'
 
 type OptionsSeparatorOwnProps = {
+  /**
+   * Element type to render as
+   */
   as?: AsElementType
 }
 
@@ -47,9 +50,6 @@ type OptionsSeparatorProps = OptionsSeparatorOwnProps &
 type OptionsSeparatorStyle = ComponentStyle<'separator'>
 
 const propTypes: PropValidators<PropKeys> = {
-  /**
-   * Element type to render as
-   */
   as: PropTypes.elementType
 }
 

package/src/Options/index.tsx

@@ -50,6 +50,7 @@ import { allowedProps, propTypes } from './props'
 ---
 category: components
 ---
+@tsProps
 **/
 @withStyle(generateStyles, generateComponentTheme)
 @testable()
@@ -62,8 +63,7 @@ class Options extends Component<OptionsProps> {
   static defaultProps = {
     as: 'span',
     role: 'list',
-    // @ts-expect-error ts-migrate(6133) FIXME: 'node' is declared but its value is never read.
-    elementRef: (node) => {},
+    elementRef: () => {},
     renderLabel: null,
     children: null
   }
@@ -109,8 +109,7 @@ class Options extends Component<OptionsProps> {
     )
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'children' implicitly has an 'any' type.
-  renderSubList(children) {
+  renderSubList(children: React.ReactNode) {
     const { styles } = this.props
     return (
       <Item as={this.childAs} role="presentation" css={styles?.label}>

package/src/Options/props.ts

@@ -35,10 +35,24 @@ import type {
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type OptionsOwnProps = {
+  /**
+   * Element type to render as
+   */
   as?: AsElementType
+  /**
+   * The aria role of the element
+   */
   role?: string
+  /**
+   * The the actual list element
+   */
   elementRef?: (element: Element | null) => void
-  renderLabel?: React.ReactNode | ((...args: any[]) => any)
+  /**
+   * Content to render as a label. Mostly for when the component is nested
+   */
+  renderLabel?: React.ReactNode | (() => React.ReactNode)
+  //TODO children has to be typed better
+  //e.g.: ChildrenPropTypes.oneOf(['Options', 'Item', 'Separator']))
   children?: React.ReactNode
 }
 
@@ -53,21 +67,9 @@ type OptionsProps = OptionsOwnProps &
 type OptionsStyle = ComponentStyle<'options' | 'list' | 'label'>
 
 const propTypes: PropValidators<PropKeys> = {
-  /**
-   * Element type to render as
-   */
   as: PropTypes.elementType,
-  /**
-   * The aria role of the element
-   */
   role: PropTypes.string,
-  /**
-   * The the actual list element
-   */
   elementRef: PropTypes.func,
-  /**
-   * Content to render as a label. Mostly for when the component is nested
-   */
   renderLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   children: ChildrenPropTypes.oneOf(['Options', 'Item', 'Separator'])
 }

package/types/Options/Item/__examples__/Item.examples.d.ts

@@ -1,11 +1,25 @@
+/// <reference types="react" />
 import { IconCheckSolid, IconArrowOpenEndSolid } from '@instructure/ui-icons';
+import { OptionsItemProps } from '../props';
 declare const _default: {
     maxExamplesPerPage: number;
     propValues: {
         renderAfterLabel: (typeof IconArrowOpenEndSolid | null)[];
         renderBeforeLabel: (typeof IconCheckSolid | null)[];
     };
-    getComponentProps: (props: any) => {
+    getComponentProps: (props: OptionsItemProps) => {
+        renderAfterLabel: import("react").ReactNode | ((props: {
+            children?: import("react").ReactNode | (() => import("react").ReactNode);
+            as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+            variant?: "default" | "disabled" | "selected" | "highlighted" | undefined;
+            role?: string | undefined;
+        }) => import("react").ReactNode);
+        renderBeforeLabel: import("react").ReactNode | ((props: {
+            children?: import("react").ReactNode | (() => import("react").ReactNode);
+            as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+            variant?: "default" | "disabled" | "selected" | "highlighted" | undefined;
+            role?: string | undefined;
+        }) => import("react").ReactNode);
         children: string;
         role: string;
     };

package/types/Options/Item/__examples__/Item.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.examples.d.ts","sourceRoot":"","sources":["../../../../src/Options/Item/__examples__/Item.examples.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;;;;;;;;;;;;AAE7E,wBAaC"}
+{"version":3,"file":"Item.examples.d.ts","sourceRoot":"","sources":["../../../../src/Options/Item/__examples__/Item.examples.ts"],"names":[],"mappings":";AAuBA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;;;;;;;+BAQd,gBAAgB;;;;;;;;;;;;;;;;;AAN7C,wBAcC"}

package/types/Options/Item/index.d.ts

@@ -1,31 +1,28 @@
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@instructure/emotion';
-import type { OptionsItemProps } from './props';
+import type { OptionsItemProps, OptionsItemStyle } from './props';
 /**
 ---
 parent: Options
 id: Options.Item
 ---
+@tsProps
 **/
 declare class Item extends Component<OptionsItemProps> {
     static readonly componentId = "Options.Item";
     static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode | (() => import("react").ReactNode);
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         variant?: "default" | "disabled" | "selected" | "highlighted" | undefined;
         role?: string | undefined;
-        renderBeforeLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        renderAfterLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
-    })[];
+    } | "renderBeforeLabel" | "renderAfterLabel")[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode | (() => import("react").ReactNode);
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         variant?: "default" | "disabled" | "selected" | "highlighted" | undefined;
         role?: string | undefined;
-        renderBeforeLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        renderAfterLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
-    }>;
+    } | "renderBeforeLabel" | "renderAfterLabel">;
     static defaultProps: {
         readonly as: "span";
         readonly variant: "default";
@@ -37,7 +34,7 @@ declare class Item extends Component<OptionsItemProps> {
     ref: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;
-    renderContent(renderLabel: any, contentVariant: any): jsx.JSX.Element;
+    renderContent(renderLabel: OptionsItemProps['renderBeforeLabel'] | OptionsItemProps['renderAfterLabel'], contentVariant: OptionsItemStyle['contentBefore'] | OptionsItemStyle['contentAfter']): jsx.JSX.Element;
     render(): jsx.JSX.Element;
 }
 export default Item;

package/types/Options/Item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Options/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAC5C,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;MAOT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAKlB,aAAa,CAAC,WAAW,KAAA,EAAE,cAAc,KAAA;IAmBzC,MAAM;CAgCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Options/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGjE;;;;;;GAMG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAC5C,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;oDAAe;IAClC,MAAM,CAAC,SAAS;;;;;kDAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;MAOT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,aAAa,CACX,WAAW,EACP,gBAAgB,CAAC,mBAAmB,CAAC,GACrC,gBAAgB,CAAC,kBAAkB,CAAC,EACxC,cAAc,EACV,gBAAgB,CAAC,eAAe,CAAC,GACjC,gBAAgB,CAAC,cAAc,CAAC;IAoBtC,MAAM;CAgCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Options/Item/props.d.ts

@@ -1,13 +1,33 @@
 import React from 'react';
 import type { AsElementType, PropValidators, OptionsItemTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
-declare type OptionsItemOwnProps = {
+declare type ItemProps = {
+    children?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Element type to render as
+     */
     as?: AsElementType;
+    /**
+     * The style variant of the item
+     */
     variant?: 'default' | 'highlighted' | 'selected' | 'disabled';
+    /**
+     * The aria role of the element
+     */
     role?: string;
-    renderBeforeLabel?: React.ReactNode | ((...args: any[]) => any);
-    renderAfterLabel?: React.ReactNode | ((...args: any[]) => any);
-    children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
+};
+declare type OptionsItemOwnProps = ItemProps & {
+    /**
+     * Content to render before the label
+     * (if you pass a function, it has the `props` as its parameter)
+     */
+    renderBeforeLabel?: React.ReactNode | ((props: ItemProps) => React.ReactNode);
+    /**
+     * Content to render after the label
+     * (if you pass a function, it has the `props` as its parameter)
+     */
+    renderAfterLabel?: React.ReactNode | ((props: ItemProps) => React.ReactNode);
+    children?: React.ReactNode | (() => React.ReactNode);
 };
 declare type PropKeys = keyof OptionsItemOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;

package/types/Options/Item/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Options/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACnE,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,aAAK,gBAAgB,GAAG,cAAc,CACpC,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,eAAe,GAAG,cAAc,CACpE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Options/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACpD;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,CAAA;IAC7D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,mBAAmB,GAAG,SAAS,GAAG;IACrC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC7E;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;CACrD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,aAAK,gBAAgB,GAAG,cAAc,CACpC,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,eAAe,GAAG,cAAc,CACpE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Options/Separator/index.d.ts

@@ -8,6 +8,7 @@ parent: Options
 id: Options.Separator
 ---
 @module Separator
+@tsProps
 **/
 declare class Separator extends Component<OptionsSeparatorProps> {
     static readonly componentId = "Options.Separator";

package/types/Options/Separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Options/Separator/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAGpD;;;;;;GAMG;AACH,cACM,SAAU,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IACtD,MAAM,CAAC,QAAQ,CAAC,WAAW,uBAAsB;IAEjD,MAAM,CAAC,YAAY,kBAAe;IAClC,MAAM,CAAC,SAAS,8EAAY;IAE5B,MAAM,CAAC,YAAY;;MAET;IAEV,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAUP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Options/Separator/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAGpD;;;;;;;GAOG;AACH,cACM,SAAU,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IACtD,MAAM,CAAC,QAAQ,CAAC,WAAW,uBAAsB;IAEjD,MAAM,CAAC,YAAY,kBAAe;IAClC,MAAM,CAAC,SAAS,8EAAY;IAE5B,MAAM,CAAC,YAAY;;MAET;IAEV,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAUP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/types/Options/Separator/props.d.ts

@@ -2,6 +2,9 @@ import type { AsElementType, PropValidators, OptionsSeparatorTheme, OtherHTMLAtt
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import { AllHTMLAttributes } from 'react';
 declare type OptionsSeparatorOwnProps = {
+    /**
+     * Element type to render as
+     */
     as?: AsElementType;
 };
 declare type PropKeys = keyof OptionsSeparatorOwnProps;

package/types/Options/Separator/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Options/Separator/props.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,aAAK,wBAAwB,GAAG;IAC9B,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,wBAAwB,CAAA;AAE9C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,qBAAqB,GAAG,wBAAwB,GACnD,cAAc,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,GAC5D,mBAAmB,CAAC,wBAAwB,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAEvE,aAAK,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAExD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAKvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAwB,CAAA;AAE5C,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Options/Separator/props.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,aAAK,wBAAwB,GAAG;IAC9B;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,wBAAwB,CAAA;AAE9C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,qBAAqB,GAAG,wBAAwB,GACnD,cAAc,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,GAC5D,mBAAmB,CAAC,wBAAwB,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAEvE,aAAK,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAExD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAwB,CAAA;AAE5C,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Options/index.d.ts

@@ -8,6 +8,7 @@ import type { OptionsProps } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 declare class Options extends Component<OptionsProps> {
     static readonly componentId = "Options";
@@ -15,20 +16,20 @@ declare class Options extends Component<OptionsProps> {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         role?: string | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
-        renderLabel?: import("react").ReactNode | ((...args: any[]) => any);
+        renderLabel?: import("react").ReactNode | (() => import("react").ReactNode);
         children?: import("react").ReactNode;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         role?: string | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
-        renderLabel?: import("react").ReactNode | ((...args: any[]) => any);
+        renderLabel?: import("react").ReactNode | (() => import("react").ReactNode);
         children?: import("react").ReactNode;
     }>;
     static defaultProps: {
         as: string;
         role: string;
-        elementRef: (node: any) => void;
+        elementRef: () => void;
         renderLabel: null;
         children: null;
     };
@@ -41,7 +42,7 @@ declare class Options extends Component<OptionsProps> {
     _labelId: string;
     get childAs(): "li" | undefined;
     renderLabel(): jsx.JSX.Element;
-    renderSubList(children: any): jsx.JSX.Element;
+    renderSubList(children: React.ReactNode): jsx.JSX.Element;
     renderChildren(): jsx.JSX.Element[] | null | undefined;
     render(): jsx.JSX.Element;
 }

package/types/Options/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Options/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAazD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,MAAM,CAAC,IAAI,cAAO;IAClB,MAAM,CAAC,SAAS,mBAAY;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,QAAQ,SAAuB;IAE/B,IAAI,OAAO,qBAMV;IAED,WAAW;IAeX,aAAa,CAAC,QAAQ,KAAA;IAStB,cAAc;IAcd,MAAM;CA4BP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Options/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAazD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;;GAKG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,MAAM,CAAC,IAAI,cAAO;IAClB,MAAM,CAAC,SAAS,mBAAY;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,QAAQ,SAAuB;IAE/B,IAAI,OAAO,qBAMV;IAED,WAAW;IAcX,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS;IASvC,cAAc;IAcd,MAAM;CA4BP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/types/Options/props.d.ts

@@ -2,10 +2,22 @@ import React from 'react';
 import type { AsElementType, PropValidators, OptionsTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type OptionsOwnProps = {
+    /**
+     * Element type to render as
+     */
     as?: AsElementType;
+    /**
+     * The aria role of the element
+     */
     role?: string;
+    /**
+     * The the actual list element
+     */
     elementRef?: (element: Element | null) => void;
-    renderLabel?: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * Content to render as a label. Mostly for when the component is nested
+     */
+    renderLabel?: React.ReactNode | (() => React.ReactNode);
     children?: React.ReactNode;
 };
 declare type PropKeys = keyof OptionsOwnProps;

package/types/Options/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Options/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,eAAe,GAAG;IACrB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,GAC1C,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Options/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,eAAe,GAAG;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAGvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,GAC1C,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAMvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 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.