@instructure/ui-navigation 8.10.3-snapshot.9 → 8.11.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.11.0](https://github.com/instructure/instructure-ui/compare/v8.10.2...v8.11.0) (2021-10-15)
+
+**Note:** Version bump only for package @instructure/ui-navigation
+
 ## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
 
 **Note:** Version bump only for package @instructure/ui-navigation

package/es/AppNav/Item/index.js

@@ -49,16 +49,18 @@ let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
     this.ref = null;
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       this.ref = el;
-      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
 
     this.handleClick = e => {
-      const _this$props2 = this.props,
-            isDisabled = _this$props2.isDisabled,
-            onClick = _this$props2.onClick;
+      const _this$props = this.props,
+            isDisabled = _this$props.isDisabled,
+            onClick = _this$props.onClick;
 
       if (isDisabled) {
         e.preventDefault();
@@ -70,29 +72,28 @@ let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props3;
+    var _this$props$makeStyle, _this$props2;
 
-    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props4;
+    var _this$props$makeStyle2, _this$props3;
 
-    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   render() {
     var _this$props$styles, _this$props$styles2;
 
     const ElementType = getElementType(Item, this.props);
-    const _this$props5 = this.props,
-          renderIcon = _this$props5.renderIcon,
-          renderLabel = _this$props5.renderLabel,
-          href = _this$props5.href,
-          elementRef = _this$props5.elementRef,
-          renderAfter = _this$props5.renderAfter,
-          cursor = _this$props5.cursor,
-          isDisabled = _this$props5.isDisabled;
+    const _this$props4 = this.props,
+          renderIcon = _this$props4.renderIcon,
+          renderLabel = _this$props4.renderLabel,
+          href = _this$props4.href,
+          renderAfter = _this$props4.renderAfter,
+          cursor = _this$props4.cursor,
+          isDisabled = _this$props4.isDisabled;
     const icon = callRenderProp(renderIcon);
     const label = callRenderProp(renderLabel);
     const labelIsForScreenReaders = matchComponentTypes(label, [ScreenReaderContent]);
@@ -106,7 +107,7 @@ let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       href: href,
       onClick: this.handleClick,
       disabled: isDisabled,
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       display: "flex",
       position: "relative",
       borderRadius: "medium",

package/es/AppNav/index.js

@@ -105,17 +105,19 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
     };
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       this.ref = el;
-      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
+    var _this$props$makeStyle, _this$props;
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
 
     const _getBoundingClientRec3 = getBoundingClientRect(this._list),
           origWidth = _getBoundingClientRec3.width;
@@ -140,9 +142,9 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
+    var _this$props$makeStyle2, _this$props2;
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   componentWillUnmount() {
@@ -184,11 +186,11 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
   render() {
     var _this$props$styles4, _this$props$styles5, _this$props$styles6;
 
-    const _this$props4 = this.props,
-          children = _this$props4.children,
-          visibleItemsCount = _this$props4.visibleItemsCount,
-          screenReaderLabel = _this$props4.screenReaderLabel,
-          margin = _this$props4.margin;
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          visibleItemsCount = _this$props3.visibleItemsCount,
+          screenReaderLabel = _this$props3.screenReaderLabel,
+          margin = _this$props3.margin;
     const passthroughProps = View.omitViewProps(omitProps(this.props, AppNav.allowedProps), AppNav);
     const isMeasuring = this.state.isMeasuring;
     const childrenArray = Children.toArray(children);

package/lib/AppNav/Item/index.js

@@ -48,16 +48,18 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     this.ref = null;
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       this.ref = el;
-      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
 
     this.handleClick = e => {
-      const _this$props2 = this.props,
-            isDisabled = _this$props2.isDisabled,
-            onClick = _this$props2.onClick;
+      const _this$props = this.props,
+            isDisabled = _this$props.isDisabled,
+            onClick = _this$props.onClick;
 
       if (isDisabled) {
         e.preventDefault();
@@ -69,29 +71,28 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props3;
+    var _this$props$makeStyle, _this$props2;
 
-    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props4;
+    var _this$props$makeStyle2, _this$props3;
 
-    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   render() {
     var _this$props$styles, _this$props$styles2;
 
     const ElementType = (0, _getElementType.getElementType)(Item, this.props);
-    const _this$props5 = this.props,
-          renderIcon = _this$props5.renderIcon,
-          renderLabel = _this$props5.renderLabel,
-          href = _this$props5.href,
-          elementRef = _this$props5.elementRef,
-          renderAfter = _this$props5.renderAfter,
-          cursor = _this$props5.cursor,
-          isDisabled = _this$props5.isDisabled;
+    const _this$props4 = this.props,
+          renderIcon = _this$props4.renderIcon,
+          renderLabel = _this$props4.renderLabel,
+          href = _this$props4.href,
+          renderAfter = _this$props4.renderAfter,
+          cursor = _this$props4.cursor,
+          isDisabled = _this$props4.isDisabled;
     const icon = (0, _callRenderProp.callRenderProp)(renderIcon);
     const label = (0, _callRenderProp.callRenderProp)(renderLabel);
     const labelIsForScreenReaders = (0, _matchComponentTypes.matchComponentTypes)(label, [_ScreenReaderContent.ScreenReaderContent]);
@@ -105,7 +106,7 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       href: href,
       onClick: this.handleClick,
       disabled: isDisabled,
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       display: "flex",
       position: "relative",
       borderRadius: "medium",

package/lib/AppNav/index.js

@@ -103,17 +103,19 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
     };
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       this.ref = el;
-      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
+    var _this$props$makeStyle, _this$props;
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
 
     const _getBoundingClientRec3 = (0, _getBoundingClientRect.getBoundingClientRect)(this._list),
           origWidth = _getBoundingClientRec3.width;
@@ -138,9 +140,9 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
+    var _this$props$makeStyle2, _this$props2;
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   componentWillUnmount() {
@@ -182,11 +184,11 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   render() {
     var _this$props$styles4, _this$props$styles5, _this$props$styles6;
 
-    const _this$props4 = this.props,
-          children = _this$props4.children,
-          visibleItemsCount = _this$props4.visibleItemsCount,
-          screenReaderLabel = _this$props4.screenReaderLabel,
-          margin = _this$props4.margin;
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          visibleItemsCount = _this$props3.visibleItemsCount,
+          screenReaderLabel = _this$props3.screenReaderLabel,
+          margin = _this$props3.margin;
 
     const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, AppNav.allowedProps), AppNav);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-navigation",
-  "version": "8.10.3-snapshot.9+47592ffa9",
+  "version": "8.11.0",
   "description": "Main and application level navigational components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,31 +24,31 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-color-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-test-locator": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-test-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-themes": "8.10.3-snapshot.9+47592ffa9"
+    "@instructure/ui-babel-preset": "8.11.0",
+    "@instructure/ui-color-utils": "8.11.0",
+    "@instructure/ui-test-locator": "8.11.0",
+    "@instructure/ui-test-utils": "8.11.0",
+    "@instructure/ui-themes": "8.11.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/debounce": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/emotion": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/shared-types": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-a11y-content": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-a11y-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-badge": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-dom-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-focusable": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-icons": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-menu": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-prop-types": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-react-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-testable": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-tooltip": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-view": "8.10.3-snapshot.9+47592ffa9",
+    "@instructure/console": "8.11.0",
+    "@instructure/debounce": "8.11.0",
+    "@instructure/emotion": "8.11.0",
+    "@instructure/shared-types": "8.11.0",
+    "@instructure/ui-a11y-content": "8.11.0",
+    "@instructure/ui-a11y-utils": "8.11.0",
+    "@instructure/ui-badge": "8.11.0",
+    "@instructure/ui-dom-utils": "8.11.0",
+    "@instructure/ui-focusable": "8.11.0",
+    "@instructure/ui-icons": "8.11.0",
+    "@instructure/ui-menu": "8.11.0",
+    "@instructure/ui-prop-types": "8.11.0",
+    "@instructure/ui-react-utils": "8.11.0",
+    "@instructure/ui-testable": "8.11.0",
+    "@instructure/ui-tooltip": "8.11.0",
+    "@instructure/ui-utils": "8.11.0",
+    "@instructure/ui-view": "8.11.0",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -57,6 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "47592ffa9fed565a9df0677c77e6d890d5e964ea"
+  "sideEffects": false
 }

package/src/AppNav/Item/index.tsx

@@ -77,8 +77,13 @@ class Item extends Component<AppNavItemProps> {
   }
 
   handleRef = (el: Element | null) => {
+    const { elementRef } = this.props
+
     this.ref = el
-    this.props.elementRef?.(el)
+
+    if (typeof elementRef === 'function') {
+      elementRef(el)
+    }
   }
 
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'e' implicitly has an 'any' type.
@@ -100,7 +105,6 @@ class Item extends Component<AppNavItemProps> {
       renderIcon,
       renderLabel,
       href,
-      elementRef,
       renderAfter,
       cursor,
       isDisabled
@@ -127,7 +131,7 @@ class Item extends Component<AppNavItemProps> {
         href={href}
         onClick={this.handleClick}
         disabled={isDisabled}
-        elementRef={elementRef}
+        elementRef={this.handleRef}
         display="flex"
         position="relative"
         borderRadius="medium"

package/src/AppNav/Item/props.ts

@@ -26,7 +26,8 @@ import PropTypes from 'prop-types'
 import type {
   AsElementType,
   PropValidators,
-  AppNavItemTheme
+  AppNavItemTheme,
+  OtherHTMLAttributes
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
@@ -48,7 +49,8 @@ type PropKeys = keyof AppNavItemOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type AppNavItemProps = AppNavItemOwnProps &
-  WithStyleProps<AppNavItemTheme, AppNavItemStyle>
+  WithStyleProps<AppNavItemTheme, AppNavItemStyle> &
+  OtherHTMLAttributes<AppNavItemOwnProps>
 
 type AppNavItemStyle = ComponentStyle<'item' | 'label'>
 

package/src/AppNav/index.tsx

@@ -163,8 +163,13 @@ class AppNav extends Component<AppNavProps> {
   }
 
   handleRef = (el: Element | null) => {
+    const { elementRef } = this.props
+
     this.ref = el
-    this.props.elementRef?.(el)
+
+    if (typeof elementRef === 'function') {
+      elementRef(el)
+    }
   }
 
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'item' implicitly has an 'any' type.

package/src/AppNav/props.ts

@@ -34,7 +34,11 @@ import type {
   WithStyleProps,
   ComponentStyle
 } from '@instructure/emotion'
-import type { PropValidators, AppNavTheme } from '@instructure/shared-types'
+import type {
+  PropValidators,
+  AppNavTheme,
+  OtherHTMLAttributes
+} from '@instructure/shared-types'
 
 type AppNavOwnProps = {
   screenReaderLabel: string
@@ -53,7 +57,9 @@ type PropKeys = keyof AppNavOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type AppNavProps = AppNavOwnProps & WithStyleProps<AppNavTheme, AppNavStyle>
+type AppNavProps = AppNavOwnProps &
+  WithStyleProps<AppNavTheme, AppNavStyle> &
+  OtherHTMLAttributes<AppNavOwnProps>
 
 type AppNavStyle = ComponentStyle<
   | 'appNav'

package/src/Navigation/NavigationItem/index.tsx

@@ -82,7 +82,7 @@ class NavigationItem extends Component<NavigationItemProps> {
         onClick={onClick}
         css={this.props.styles?.navigationItem}
         aria-label={this.props.minimized ? label : undefined}
-        // @ts-expect-error TODO fix TS2590: Expression produces a union type that is too complex to represent.
+        // @ts-expect-error TODO: fix TS2590: Expression produces a union type that is too complex to represent.
         ref={(element) => {
           this.ref = element
         }}

package/src/Navigation/NavigationItem/props.ts

@@ -26,7 +26,8 @@ import PropTypes from 'prop-types'
 import type {
   AsElementType,
   PropValidators,
-  NavigationItemTheme
+  NavigationItemTheme,
+  OtherHTMLAttributes
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
@@ -45,7 +46,8 @@ type PropKeys = keyof NavigationItemOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type NavigationItemProps = NavigationItemOwnProps &
-  WithStyleProps<NavigationItemTheme, NavigationItemStyle>
+  WithStyleProps<NavigationItemTheme, NavigationItemStyle> &
+  OtherHTMLAttributes<NavigationItemOwnProps>
 
 type NavigationItemStyle = ComponentStyle<'navigationItem' | 'icon' | 'label'>
 

package/src/Navigation/props.ts

@@ -31,7 +31,11 @@ import {
 
 import { NavigationItem } from './NavigationItem'
 
-import type { PropValidators, NavigationTheme } from '@instructure/shared-types'
+import type {
+  PropValidators,
+  NavigationTheme,
+  OtherHTMLAttributes
+} from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type NavigationOwnProps = {
@@ -57,7 +61,8 @@ type PropKeys = keyof NavigationOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type NavigationProps = NavigationOwnProps &
-  WithStyleProps<NavigationTheme, NavigationStyle>
+  WithStyleProps<NavigationTheme, NavigationStyle> &
+  OtherHTMLAttributes<NavigationOwnProps>
 
 type NavigationStyle = ComponentStyle<
   'navigation' | 'list' | 'content' | 'toggle' | 'toggleIcon'

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;;;GAMG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAGD,WAAW,mBASV;IAED,MAAM;CAuDP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;;;GAMG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAGD,WAAW,mBASV;IAED,MAAM;CAsDP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { AsElementType, PropValidators, AppNavItemTheme } from '@instructure/shared-types';
+import type { AsElementType, PropValidators, AppNavItemTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type AppNavItemOwnProps = {
     renderLabel: React.ReactNode | ((...args: any[]) => any);
@@ -15,7 +15,7 @@ declare type AppNavItemOwnProps = {
 };
 declare type PropKeys = keyof AppNavItemOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type AppNavItemProps = AppNavItemOwnProps & WithStyleProps<AppNavItemTheme, AppNavItemStyle>;
+declare type AppNavItemProps = AppNavItemOwnProps & WithStyleProps<AppNavItemTheme, AppNavItemStyle> & OtherHTMLAttributes<AppNavItemOwnProps>;
 declare type AppNavItemStyle = ComponentStyle<'item' | 'label'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/props.ts"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/props.ts"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppNav/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAUrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,cAAO;IAElB,KAAK;;MAEJ;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,KAAK,OAAO;IAEZ,iBAAiB;IA2BjB,kBAAkB;IAIlB,oBAAoB;IAcpB,YAAY;;MA8BX;IAED,YAAY,aAQX;IAED,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAGD,cAAc,CAAC,IAAI,KAAA,EAAE,aAAa,KAAA,EAAE,GAAG,KAAA;IAgBvC,UAAU,CAAC,KAAK,KAAA;IAiChB,MAAM;CAmDP;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppNav/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAUrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,cAAO;IAElB,KAAK;;MAEJ;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,KAAK,OAAO;IAEZ,iBAAiB;IA2BjB,kBAAkB;IAIlB,oBAAoB;IAcpB,YAAY;;MA8BX;IAED,YAAY,aAQX;IAED,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAGD,cAAc,CAAC,IAAI,KAAA,EAAE,aAAa,KAAA,EAAE,GAAG,KAAA;IAgBvC,UAAU,CAAC,KAAK,KAAA;IAiChB,MAAM;CAmDP;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}

package/types/AppNav/props.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
-import type { PropValidators, AppNavTheme } from '@instructure/shared-types';
+import type { PropValidators, AppNavTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 declare type AppNavOwnProps = {
     screenReaderLabel: string;
     debounce?: number;
@@ -15,7 +15,7 @@ declare type AppNavOwnProps = {
 };
 declare type PropKeys = keyof AppNavOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type AppNavProps = AppNavOwnProps & WithStyleProps<AppNavTheme, AppNavStyle>;
+declare type AppNavProps = AppNavOwnProps & WithStyleProps<AppNavTheme, AppNavStyle> & OtherHTMLAttributes<AppNavOwnProps>;
 declare type AppNavStyle = ComponentStyle<'appNav' | 'alignCenter' | 'listItemWithMenuTrigger' | 'listItem' | 'list' | 'menuTriggerWidth'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/AppNav/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE5E,aAAK,cAAc,GAAG;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,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,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACjE,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AAE5E,aAAK,WAAW,GAAG,cAAc,CAC7B,QAAQ,GACR,aAAa,GACb,yBAAyB,GACzB,UAAU,GACV,MAAM,GACN,kBAAkB,CACrB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/AppNav/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,aAAK,cAAc,GAAG;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,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,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACjE,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,GACxC,mBAAmB,CAAC,cAAc,CAAC,CAAA;AAErC,aAAK,WAAW,GAAG,cAAc,CAC7B,QAAQ,GACR,aAAa,GACb,yBAAyB,GACzB,UAAU,GACV,MAAM,GACN,kBAAkB,CACrB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Navigation/NavigationItem/props.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { AsElementType, PropValidators, NavigationItemTheme } from '@instructure/shared-types';
+import type { AsElementType, PropValidators, NavigationItemTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type NavigationItemOwnProps = {
     icon: React.ReactNode;
@@ -12,7 +12,7 @@ declare type NavigationItemOwnProps = {
 };
 declare type PropKeys = keyof NavigationItemOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type NavigationItemProps = NavigationItemOwnProps & WithStyleProps<NavigationItemTheme, NavigationItemStyle>;
+declare type NavigationItemProps = NavigationItemOwnProps & WithStyleProps<NavigationItemTheme, NavigationItemStyle> & OtherHTMLAttributes<NavigationItemOwnProps>;
 declare type NavigationItemStyle = ComponentStyle<'navigationItem' | 'icon' | 'label'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

package/types/Navigation/NavigationItem/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Navigation/NavigationItem/props.ts"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAE9E,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Navigation/NavigationItem/props.ts"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAE9E,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Navigation/props.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PropValidators, NavigationTheme } from '@instructure/shared-types';
+import type { PropValidators, NavigationTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type NavigationOwnProps = {
     minimized?: any;
@@ -19,7 +19,7 @@ declare type NavigationState = {
 };
 declare type PropKeys = keyof NavigationOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type NavigationProps = NavigationOwnProps & WithStyleProps<NavigationTheme, NavigationStyle>;
+declare type NavigationProps = NavigationOwnProps & WithStyleProps<NavigationTheme, NavigationStyle> & OtherHTMLAttributes<NavigationOwnProps>;
 declare type NavigationStyle = ComponentStyle<'navigation' | 'list' | 'content' | 'toggle' | 'toggleIcon'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Navigation/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE;QACX,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,eAAe,GAAG;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAC5D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAiCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Navigation/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE;QACX,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,eAAe,GAAG;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAC5D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAiCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AACjE,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.