@instructure/ui-toggle-details 8.24.4 → 8.24.6-snapshot.8

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.
 
+## [8.24.5](https://github.com/instructure/instructure-ui/compare/v8.24.3...v8.24.5) (2022-05-31)
+
+**Note:** Version bump only for package @instructure/ui-toggle-details
+
+
+
+
+
 ## [8.24.4](https://github.com/instructure/instructure-ui/compare/v8.24.3...v8.24.4) (2022-05-27)
 
 **Note:** Version bump only for package @instructure/ui-toggle-details

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+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.

package/es/ToggleDetails/ToggleDetailsLocator.js

@@ -53,4 +53,5 @@ export const customMethods = {
     }
   }
 };
-export const ToggleDetailsLocator = locator(ToggleDetails.selector, customMethods);
+export const ToggleDetailsLocator = locator( // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+ToggleDetails.selector, customMethods);

package/es/ToggleDetails/index.js

@@ -25,7 +25,7 @@ var _dec, _dec2, _class, _class2;
  */
 
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { Button } from '@instructure/ui-buttons';
 import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
 import { Expandable } from '@instructure/ui-expandable';
@@ -36,23 +36,28 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 category: components
 ---
+@tsProps
 **/
-
 let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ToggleDetails extends Component {
   constructor() {
     super(...arguments);
     this.ref = null;
+    this._button = null;
 
     this.getButtonRef = el => this._button = el;
 
     this.handleToggle = (event, expanded) => {
       var _this$props$makeStyle, _this$props;
 
-      this.props.onToggle(event, expanded);
+      if (typeof this.props.onToggle === 'function') {
+        this.props.onToggle(event, expanded);
+      }
+
       (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
         animate: true
       });
@@ -64,7 +69,9 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }
 
   focus() {
-    this._button.focus();
+    var _this$_button;
+
+    (_this$_button = this._button) === null || _this$_button === void 0 ? void 0 : _this$_button.focus();
   }
 
   componentDidMount() {
@@ -100,7 +107,8 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
     const variant = this.props.variant;
     const props = { ...omitProps(this.props, ToggleDetails.allowedProps),
       ...toggleProps,
-      children: this.renderSummary()
+      children: this.renderSummary(expanded) // spread operator makes toggleProps loose Record<string, any>>
+
     };
     const summary = this.renderSummary(expanded);
 
@@ -132,7 +140,7 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
     var _this$props$styles5;
 
     const Icon = expanded ? this.props.iconExpanded : this.props.icon;
-    return this.props.children ? jsx("span", {
+    return this.props.children && Icon ? jsx("span", {
       css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.icon
     }, jsx(Icon, null)) : null;
   }
@@ -185,7 +193,6 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   iconExpanded: IconArrowOpenDownSolid,
   iconPosition: 'start',
   defaultExpanded: false,
-  onToggle: function (event, expanded) {},
   children: null
 }, _class2)) || _class) || _class);
 export default ToggleDetails;

package/es/ToggleDetails/props.js

@@ -25,51 +25,15 @@ import PropTypes from 'prop-types';
 import { controllable } from '@instructure/ui-prop-types';
 const propTypes = {
   variant: PropTypes.oneOf(['default', 'filled']),
-
-  /**
-   * The summary that displays and can be interacted with
-   */
   summary: PropTypes.node.isRequired,
-
-  /**
-   * Whether the content is expanded or hidden
-   */
   expanded: controllable(PropTypes.bool, 'onToggle', 'defaultExpanded'),
-
-  /**
-   * Whether the content is initially expanded or hidden (uncontrolled)
-   */
   defaultExpanded: PropTypes.bool,
   onToggle: PropTypes.func,
-
-  /**
-   * The icon to display next to the summary text when content is hidden
-   */
   icon: PropTypes.func,
-
-  /**
-   * The icon to display when content is expanded
-   */
   iconExpanded: PropTypes.func,
-
-  /**
-   * Icon position at the start or end of the summary text
-   */
   iconPosition: PropTypes.oneOf(['start', 'end']),
-
-  /**
-   * should the summary fill the width of its container
-   */
   fluidWidth: PropTypes.bool,
-
-  /**
-   * The toggleable content passed inside the ToggleDetails component
-   */
   children: PropTypes.node,
-
-  /**
-   * Choose a size for the expand/collapse icon
-   */
   size: PropTypes.oneOf(['small', 'medium', 'large'])
 };
 const allowedProps = ['variant', 'summary', 'expanded', 'defaultExpanded', 'onToggle', 'icon', 'iconExpanded', 'iconPosition', 'fluidWidth', 'children', 'size'];

package/es/ToggleGroup/ToggleGroupLocator.js

@@ -48,5 +48,6 @@ export const customMethods = {
       return null;
     }
   }
-};
+}; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 export const ToggleGroupLocator = locator(ToggleGroup.selector, customMethods);

package/es/ToggleGroup/index.js

@@ -24,7 +24,7 @@ var _dec, _class, _class2;
  * SOFTWARE.
  */
 import React, { Component } from 'react';
-import { omitProps, pickProps, getElementType } from '@instructure/ui-react-utils';
+import { omitProps, pickProps, getElementType, callRenderProp } from '@instructure/ui-react-utils';
 import { IconButton } from '@instructure/ui-buttons';
 import { Transition } from '@instructure/ui-motion';
 import { Expandable } from '@instructure/ui-expandable';
@@ -38,6 +38,7 @@ import { allowedProps, propTypes } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 
 let ToggleGroup = (_dec = testable(), _dec(_class = (_class2 = class ToggleGroup extends Component {
@@ -66,7 +67,9 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_class2 = class ToggleGroup
   }
 
   focus() {
-    this._button.focus();
+    var _this$_button;
+
+    (_this$_button = this._button) === null || _this$_button === void 0 ? void 0 : _this$_button.focus();
   }
 
   componentDidMount() {
@@ -75,7 +78,7 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_class2 = class ToggleGroup
 
   renderIcon(expanded) {
     const Icon = expanded ? this.props.iconExpanded : this.props.icon;
-    return /*#__PURE__*/React.createElement(Icon, null);
+    return Icon ? callRenderProp(Icon) : null;
   }
 
   renderToggle(toggleProps, expanded) {
@@ -90,7 +93,9 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_class2 = class ToggleGroup
       label = toggleLabel;
     }
 
-    return /*#__PURE__*/React.createElement(IconButton, Object.assign({}, toggleProps, {
+    const props = { ...toggleProps
+    };
+    return /*#__PURE__*/React.createElement(IconButton, Object.assign({}, props, {
       withBackground: false,
       withBorder: false,
       size: size === 'large' ? 'medium' : 'small',
@@ -138,10 +143,8 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_class2 = class ToggleGroup
   icon: IconArrowOpenEndSolid,
   iconExpanded: IconArrowOpenDownSolid,
   defaultExpanded: false,
-  onToggle: function (event, expanded) {},
   transition: true,
   as: 'span',
-  elementRef: el => {},
   border: true
 }, _class2)) || _class);
 export default ToggleGroup;

package/es/ToggleGroup/props.js

@@ -24,66 +24,18 @@
 import PropTypes from 'prop-types';
 import { controllable } from '@instructure/ui-prop-types';
 const propTypes = {
-  /**
-   * the content to show and hide
-   */
   children: PropTypes.node.isRequired,
-
-  /**
-   * the content area next to the toggle button
-   */
   summary: PropTypes.node.isRequired,
-
-  /**
-   * provides a screenreader label for the toggle button
-   * (takes `expanded` as an argument if a function)
-   */
   toggleLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-
-  /**
-   * the element type to render as
-   */
   as: PropTypes.elementType,
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: PropTypes.func,
   size: PropTypes.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Whether the content is expanded or hidden
-   */
   expanded: controllable(PropTypes.bool, 'onToggle', 'defaultExpanded'),
-
-  /**
-   * Whether the content is initially expanded or hidden (uncontrolled)
-   */
   defaultExpanded: PropTypes.bool,
-
-  /**
-   * Fired when the content display is toggled
-   */
   onToggle: PropTypes.func,
-
-  /**
-   * The icon displayed in the toggle button when the content is hidden
-   */
   icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-
-  /**
-   * The icon displayed in the toggle button when the content is showing
-   */
   iconExpanded: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-
-  /**
-   * Transition content into view
-   */
   transition: PropTypes.bool,
-
-  /**
-   * Toggle the border around the component
-   */
   border: PropTypes.bool
 };
 const allowedProps = ['children', 'summary', 'toggleLabel', 'as', 'elementRef', 'size', 'expanded', 'defaultExpanded', 'onToggle', 'icon', 'iconExpanded', 'transition', 'border'];

package/lib/ToggleDetails/ToggleDetailsLocator.js

@@ -63,5 +63,6 @@ const customMethods = {
   }
 };
 exports.customMethods = customMethods;
-const ToggleDetailsLocator = (0, _locator.locator)(_index.ToggleDetails.selector, customMethods);
+const ToggleDetailsLocator = (0, _locator.locator)( // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+_index.ToggleDetails.selector, customMethods);
 exports.ToggleDetailsLocator = ToggleDetailsLocator;

package/lib/ToggleDetails/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ToggleDetails = void 0;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _Button = require("@instructure/ui-buttons/lib/Button");
 
@@ -39,18 +41,23 @@ var _dec, _dec2, _class, _class2;
 ---
 category: components
 ---
+@tsProps
 **/
 let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ToggleDetails extends _react.Component {
   constructor() {
     super(...arguments);
     this.ref = null;
+    this._button = null;
 
     this.getButtonRef = el => this._button = el;
 
     this.handleToggle = (event, expanded) => {
       var _this$props$makeStyle, _this$props;
 
-      this.props.onToggle(event, expanded);
+      if (typeof this.props.onToggle === 'function') {
+        this.props.onToggle(event, expanded);
+      }
+
       (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
         animate: true
       });
@@ -62,7 +69,9 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }
 
   focus() {
-    this._button.focus();
+    var _this$_button;
+
+    (_this$_button = this._button) === null || _this$_button === void 0 ? void 0 : _this$_button.focus();
   }
 
   componentDidMount() {
@@ -98,7 +107,8 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     const variant = this.props.variant;
     const props = { ...(0, _omitProps.omitProps)(this.props, ToggleDetails.allowedProps),
       ...toggleProps,
-      children: this.renderSummary()
+      children: this.renderSummary(expanded) // spread operator makes toggleProps loose Record<string, any>>
+
     };
     const summary = this.renderSummary(expanded);
 
@@ -130,7 +140,7 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     var _this$props$styles5;
 
     const Icon = expanded ? this.props.iconExpanded : this.props.icon;
-    return this.props.children ? (0, _emotion.jsx)("span", {
+    return this.props.children && Icon ? (0, _emotion.jsx)("span", {
       css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.icon
     }, (0, _emotion.jsx)(Icon, null)) : null;
   }
@@ -183,7 +193,6 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
   iconPosition: 'start',
   defaultExpanded: false,
-  onToggle: function (event, expanded) {},
   children: null
 }, _class2)) || _class) || _class);
 exports.ToggleDetails = ToggleDetails;

package/lib/ToggleDetails/props.js

@@ -36,51 +36,15 @@ var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
  */
 const propTypes = {
   variant: _propTypes.default.oneOf(['default', 'filled']),
-
-  /**
-   * The summary that displays and can be interacted with
-   */
   summary: _propTypes.default.node.isRequired,
-
-  /**
-   * Whether the content is expanded or hidden
-   */
   expanded: (0, _controllable.controllable)(_propTypes.default.bool, 'onToggle', 'defaultExpanded'),
-
-  /**
-   * Whether the content is initially expanded or hidden (uncontrolled)
-   */
   defaultExpanded: _propTypes.default.bool,
   onToggle: _propTypes.default.func,
-
-  /**
-   * The icon to display next to the summary text when content is hidden
-   */
   icon: _propTypes.default.func,
-
-  /**
-   * The icon to display when content is expanded
-   */
   iconExpanded: _propTypes.default.func,
-
-  /**
-   * Icon position at the start or end of the summary text
-   */
   iconPosition: _propTypes.default.oneOf(['start', 'end']),
-
-  /**
-   * should the summary fill the width of its container
-   */
   fluidWidth: _propTypes.default.bool,
-
-  /**
-   * The toggleable content passed inside the ToggleDetails component
-   */
   children: _propTypes.default.node,
-
-  /**
-   * Choose a size for the expand/collapse icon
-   */
   size: _propTypes.default.oneOf(['small', 'medium', 'large'])
 };
 exports.propTypes = propTypes;

package/lib/ToggleGroup/ToggleGroupLocator.js

@@ -57,7 +57,8 @@ const customMethods = {
       return null;
     }
   }
-};
+}; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 exports.customMethods = customMethods;
 const ToggleGroupLocator = (0, _locator.locator)(_index.ToggleGroup.selector, customMethods);
 exports.ToggleGroupLocator = ToggleGroupLocator;

package/lib/ToggleGroup/index.js

@@ -15,6 +15,8 @@ var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
 
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
 
+var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+
 var _IconButton = require("@instructure/ui-buttons/lib/IconButton");
 
 var _Transition = require("@instructure/ui-motion/lib/Transition");
@@ -41,6 +43,7 @@ var _dec, _class, _class2;
 ---
 category: components
 ---
+@tsProps
 **/
 let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class ToggleGroup extends _react.Component {
   constructor() {
@@ -68,7 +71,9 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = cl
   }
 
   focus() {
-    this._button.focus();
+    var _this$_button;
+
+    (_this$_button = this._button) === null || _this$_button === void 0 ? void 0 : _this$_button.focus();
   }
 
   componentDidMount() {
@@ -77,7 +82,7 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = cl
 
   renderIcon(expanded) {
     const Icon = expanded ? this.props.iconExpanded : this.props.icon;
-    return /*#__PURE__*/_react.default.createElement(Icon, null);
+    return Icon ? (0, _callRenderProp.callRenderProp)(Icon) : null;
   }
 
   renderToggle(toggleProps, expanded) {
@@ -92,7 +97,9 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = cl
       label = toggleLabel;
     }
 
-    return /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, Object.assign({}, toggleProps, {
+    const props = { ...toggleProps
+    };
+    return /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, Object.assign({}, props, {
       withBackground: false,
       withBorder: false,
       size: size === 'large' ? 'medium' : 'small',
@@ -140,10 +147,8 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = cl
   icon: _IconArrowOpenEndSolid.IconArrowOpenEndSolid,
   iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
   defaultExpanded: false,
-  onToggle: function (event, expanded) {},
   transition: true,
   as: 'span',
-  elementRef: el => {},
   border: true
 }, _class2)) || _class);
 exports.ToggleGroup = ToggleGroup;

package/lib/ToggleGroup/props.js

@@ -35,66 +35,18 @@ var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * the content to show and hide
-   */
   children: _propTypes.default.node.isRequired,
-
-  /**
-   * the content area next to the toggle button
-   */
   summary: _propTypes.default.node.isRequired,
-
-  /**
-   * provides a screenreader label for the toggle button
-   * (takes `expanded` as an argument if a function)
-   */
   toggleLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
-
-  /**
-   * the element type to render as
-   */
   as: _propTypes.default.elementType,
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: _propTypes.default.func,
   size: _propTypes.default.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Whether the content is expanded or hidden
-   */
   expanded: (0, _controllable.controllable)(_propTypes.default.bool, 'onToggle', 'defaultExpanded'),
-
-  /**
-   * Whether the content is initially expanded or hidden (uncontrolled)
-   */
   defaultExpanded: _propTypes.default.bool,
-
-  /**
-   * Fired when the content display is toggled
-   */
   onToggle: _propTypes.default.func,
-
-  /**
-   * The icon displayed in the toggle button when the content is hidden
-   */
   icon: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /**
-   * The icon displayed in the toggle button when the content is showing
-   */
   iconExpanded: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /**
-   * Transition content into view
-   */
   transition: _propTypes.default.bool,
-
-  /**
-   * Toggle the border around the component
-   */
   border: _propTypes.default.bool
 };
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-toggle-details",
-  "version": "8.24.4",
+  "version": "8.24.6-snapshot.8+04059ead3",
   "description": "A styled toggleable, accordion-like component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,29 +23,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.24.4",
-    "@instructure/ui-test-locator": "8.24.4",
-    "@instructure/ui-test-queries": "8.24.4",
-    "@instructure/ui-test-utils": "8.24.4",
-    "@instructure/ui-themes": "8.24.4"
+    "@instructure/ui-babel-preset": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-test-locator": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-test-queries": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-test-utils": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-themes": "8.24.6-snapshot.8+04059ead3"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.24.4",
-    "@instructure/shared-types": "8.24.4",
-    "@instructure/ui-buttons": "8.24.4",
-    "@instructure/ui-dom-utils": "8.24.4",
-    "@instructure/ui-expandable": "8.24.4",
-    "@instructure/ui-flex": "8.24.4",
-    "@instructure/ui-icons": "8.24.4",
-    "@instructure/ui-menu": "8.24.4",
-    "@instructure/ui-motion": "8.24.4",
-    "@instructure/ui-prop-types": "8.24.4",
-    "@instructure/ui-react-utils": "8.24.4",
-    "@instructure/ui-testable": "8.24.4",
-    "@instructure/ui-utils": "8.24.4",
-    "@instructure/ui-view": "8.24.4",
-    "@instructure/uid": "8.24.4",
+    "@instructure/emotion": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/shared-types": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-buttons": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-dom-utils": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-expandable": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-flex": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-icons": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-menu": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-motion": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-prop-types": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-react-utils": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-testable": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-utils": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/ui-view": "8.24.6-snapshot.8+04059ead3",
+    "@instructure/uid": "8.24.6-snapshot.8+04059ead3",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -54,5 +54,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "04059ead31f299766bd01b88105f2793456f1973"
 }