@instructure/ui-drawer-layout 8.9.2-snapshot.4 → 8.10.1-snapshot.4

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.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
+
+**Note:** Version bump only for package @instructure/ui-drawer-layout
+
 ## [8.9.1](https://github.com/instructure/instructure-ui/compare/v8.9.0...v8.9.1) (2021-09-16)
 
 **Note:** Version bump only for package @instructure/ui-drawer-layout

package/es/DrawerLayout/DrawerContent/index.js

@@ -121,7 +121,7 @@ let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _d
           style = _this$props.style,
           label = _this$props.label,
           role = _this$props.role;
-    return jsx("div", Object.assign({}, omitProps(this.props, DrawerContent.propTypes, ['shouldTransition']), {
+    return jsx("div", Object.assign({}, omitProps(this.props, DrawerContent.allowedProps, ['shouldTransition']), {
       role: role,
       style: style,
       ref: this.handleContentRef,

package/es/DrawerLayout/DrawerTray/index.js

@@ -203,7 +203,7 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
         onExiting: onExiting,
         onExited: createChainedFunction(this.handleTransitionExited, onExited, onClose),
         unmountOnExit: true
-      }, jsx("div", Object.assign({}, omitProps(props, DrawerTray.propTypes), {
+      }, jsx("div", Object.assign({}, omitProps(props, DrawerTray.allowedProps), {
         ref: this.handleContentRef,
         css: trayStyles
       }), this.state.transitioning ? this.renderContent() : jsx(Dialog, {

package/lib/DrawerLayout/DrawerContent/index.js

@@ -113,7 +113,7 @@ let DrawerContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
           style = _this$props.style,
           label = _this$props.label,
           role = _this$props.role;
-    return (0, _emotion.jsx)("div", Object.assign({}, (0, _omitProps.omitProps)(this.props, DrawerContent.propTypes, ['shouldTransition']), {
+    return (0, _emotion.jsx)("div", Object.assign({}, (0, _omitProps.omitProps)(this.props, DrawerContent.allowedProps, ['shouldTransition']), {
       role: role,
       style: style,
       ref: this.handleContentRef,

package/lib/DrawerLayout/DrawerTray/index.js

@@ -200,7 +200,7 @@ let DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
         onExiting: onExiting,
         onExited: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionExited, onExited, onClose),
         unmountOnExit: true
-      }, (0, _emotion.jsx)("div", Object.assign({}, (0, _omitProps.omitProps)(props, DrawerTray.propTypes), {
+      }, (0, _emotion.jsx)("div", Object.assign({}, (0, _omitProps.omitProps)(props, DrawerTray.allowedProps), {
         ref: this.handleContentRef,
         css: trayStyles
       }), this.state.transitioning ? this.renderContent() : (0, _emotion.jsx)(_Dialog.Dialog, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drawer-layout",
-  "version": "8.9.2-snapshot.4+bf1e82efc",
+  "version": "8.10.1-snapshot.4+6c5c9e653",
   "description": "A main-content-plus-tray layout component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,29 +25,29 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/debounce": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/emotion": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/shared-types": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-dialog": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-dom-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-i18n": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-motion": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-portal": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-position": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-prop-types": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-testable": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-view": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/uid": "8.9.2-snapshot.4+bf1e82efc",
+    "@instructure/console": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/debounce": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/emotion": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/shared-types": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-dialog": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-dom-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-i18n": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-motion": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-portal": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-position": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-prop-types": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-react-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-test-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-testable": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-view": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/uid": "8.10.1-snapshot.4+6c5c9e653",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-test-locator": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-themes": "8.9.2-snapshot.4+bf1e82efc"
+    "@instructure/ui-babel-preset": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-test-locator": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-themes": "8.10.1-snapshot.4+6c5c9e653"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -56,5 +56,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "bf1e82efccb682510708448efd369eddaa24f74b"
+  "gitHead": "6c5c9e653f7ce3d239296f4ed19c5679fdddcd5b"
 }

package/src/DrawerLayout/DrawerContent/index.tsx

@@ -148,7 +148,7 @@ class DrawerContent extends Component<
 
     return (
       <div
-        {...omitProps(this.props, DrawerContent.propTypes, [
+        {...omitProps(this.props, DrawerContent.allowedProps, [
           'shouldTransition'
         ])}
         role={role}

package/src/DrawerLayout/DrawerContent/props.ts

@@ -25,8 +25,11 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import type { PropValidators } from '@instructure/shared-types'
-import type { WithStyleProps } from '@instructure/emotion'
+import type {
+  PropValidators,
+  DrawerLayoutContentTheme
+} from '@instructure/shared-types'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type DrawerLayoutContentOwnProps = {
   label: string
@@ -44,7 +47,10 @@ type PropKeys = keyof DrawerLayoutContentOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type DrawerLayoutContentProps = DrawerLayoutContentOwnProps & WithStyleProps
+type DrawerLayoutContentProps = DrawerLayoutContentOwnProps &
+  WithStyleProps<DrawerLayoutContentTheme, DrawerLayoutContentStyle>
+
+type DrawerLayoutContentStyle = ComponentStyle<'drawerContent'>
 
 const propTypes: PropValidators<PropKeys> = {
   label: PropTypes.string.isRequired,
@@ -65,5 +71,9 @@ const allowedProps: AllowedPropKeys = [
   'role'
 ]
 
-export type { DrawerLayoutContentProps, DrawerLayoutContentState }
+export type {
+  DrawerLayoutContentProps,
+  DrawerLayoutContentState,
+  DrawerLayoutContentStyle
+}
 export { propTypes, allowedProps }

package/src/DrawerLayout/DrawerContent/styles.ts

@@ -22,8 +22,12 @@
  * SOFTWARE.
  */
 
-import { DrawerLayoutContentTheme } from '@instructure/shared-types'
-import { DrawerLayoutContentProps, DrawerLayoutContentState } from './props'
+import type { DrawerLayoutContentTheme } from '@instructure/shared-types'
+import type {
+  DrawerLayoutContentProps,
+  DrawerLayoutContentState,
+  DrawerLayoutContentStyle
+} from './props'
 
 /**
  * ---
@@ -40,7 +44,7 @@ const generateStyle = (
   // @ts-expect-error no props used here
   props: DrawerLayoutContentProps,
   state: DrawerLayoutContentState
-) => {
+): DrawerLayoutContentStyle => {
   const { shouldTransition } = state
 
   const transitionState = shouldTransition

package/src/DrawerLayout/DrawerTray/index.tsx

@@ -246,7 +246,7 @@ class DrawerTray extends Component<
               unmountOnExit
             >
               <div
-                {...omitProps(props, DrawerTray.propTypes)}
+                {...omitProps(props, DrawerTray.allowedProps)}
                 ref={this.handleContentRef}
                 css={trayStyles}
               >

package/src/DrawerLayout/DrawerTray/props.ts

@@ -30,8 +30,11 @@ import { bidirectional } from '@instructure/ui-i18n'
 
 import type { PositionMountNode } from '@instructure/ui-position'
 import type { BidirectionalProps } from '@instructure/ui-i18n'
-import type { WithStyleProps } from '@instructure/emotion'
-import type { PropValidators } from '@instructure/shared-types'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
+import type {
+  PropValidators,
+  DrawerLayoutTrayTheme
+} from '@instructure/shared-types'
 
 type DrawerTrayPlacement = 'start' | 'end'
 
@@ -79,7 +82,12 @@ type PropKeys = keyof DrawerLayoutTrayOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type DrawerLayoutTrayProps = DrawerLayoutTrayOwnProps & WithStyleProps
+type DrawerLayoutTrayProps = DrawerLayoutTrayOwnProps &
+  WithStyleProps<DrawerLayoutTrayTheme, DrawerLayoutTrayStyle>
+
+type DrawerLayoutTrayStyle = ComponentStyle<
+  'drawerTray' | 'drawerTrayWithShadow' | 'drawerTrayContent'
+>
 
 const propTypes: PropValidators<PropKeys> = {
   label: PropTypes.string.isRequired,
@@ -200,6 +208,7 @@ export type {
   DrawerLayoutTrayProps,
   DrawerLayoutTrayState,
   DrawerLayoutTrayStyleProps,
-  DrawerTrayPlacement
+  DrawerTrayPlacement,
+  DrawerLayoutTrayStyle
 }
 export { propTypes, allowedProps }

package/src/DrawerLayout/DrawerTray/styles.ts

@@ -22,8 +22,12 @@
  * SOFTWARE.
  */
 
-import { DrawerLayoutTrayTheme } from '@instructure/shared-types'
-import { DrawerLayoutTrayProps, DrawerLayoutTrayStyleProps } from './props'
+import type { DrawerLayoutTrayTheme } from '@instructure/shared-types'
+import type {
+  DrawerLayoutTrayProps,
+  DrawerLayoutTrayStyleProps,
+  DrawerLayoutTrayStyle
+} from './props'
 
 /**
  * ---
@@ -39,7 +43,7 @@ const generateStyle = (
   componentTheme: DrawerLayoutTrayTheme,
   props: DrawerLayoutTrayProps,
   state: DrawerLayoutTrayStyleProps
-) => {
+): DrawerLayoutTrayStyle => {
   const { border } = props
   const { placement } = state
 

package/src/DrawerLayout/__examples__/DrawerLayout.examples.tsx

@@ -55,7 +55,6 @@ export default {
         <DrawerLayout.Content
           key="1"
           label="Drawer content example"
-          // @ts-expect-error ts-migrate(6133) FIXME: themeOverride is missing from type
           themeOverride={{ duration: 0 }}
         >
           <div style={{ background: 'white', height: '100%' }}>

package/src/DrawerLayout/props.ts

@@ -31,7 +31,7 @@ import { DrawerContent } from './DrawerContent'
 import { DrawerTray } from './DrawerTray'
 
 import type { BidirectionalProps } from '@instructure/ui-i18n'
-import type { WithStyleProps } from '@instructure/emotion'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import type { PropValidators } from '@instructure/shared-types'
 
 type DrawerLayoutOwnProps = {
@@ -44,7 +44,10 @@ type PropKeys = keyof DrawerLayoutOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type DrawerLayoutProps = DrawerLayoutOwnProps & WithStyleProps
+type DrawerLayoutProps = DrawerLayoutOwnProps &
+  WithStyleProps<null, DrawerLayoutStyle>
+
+type DrawerLayoutStyle = ComponentStyle<'drawerLayout'>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -71,5 +74,5 @@ const allowedProps: AllowedPropKeys = [
   'dir'
 ]
 
-export type { DrawerLayoutProps }
+export type { DrawerLayoutProps, DrawerLayoutStyle }
 export { propTypes, allowedProps }

package/src/DrawerLayout/styles.ts

@@ -22,6 +22,8 @@
  * SOFTWARE.
  */
 
+import type { DrawerLayoutStyle } from './props'
+
 /**
  * ---
  * private: true
@@ -32,7 +34,7 @@
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = () => {
+const generateStyle = (): DrawerLayoutStyle => {
   return {
     drawerLayout: {
       label: 'drawerLayout',

package/types/DrawerLayout/DrawerContent/props.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { PropValidators } from '@instructure/shared-types';
-import type { WithStyleProps } from '@instructure/emotion';
+import type { PropValidators, DrawerLayoutContentTheme } from '@instructure/shared-types';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type DrawerLayoutContentOwnProps = {
     label: string;
     children?: React.ReactNode;
@@ -13,9 +13,10 @@ declare type DrawerLayoutContentState = {
 };
 declare type PropKeys = keyof DrawerLayoutContentOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type DrawerLayoutContentProps = DrawerLayoutContentOwnProps & WithStyleProps;
+declare type DrawerLayoutContentProps = DrawerLayoutContentOwnProps & WithStyleProps<DrawerLayoutContentTheme, DrawerLayoutContentStyle>;
+declare type DrawerLayoutContentStyle = ComponentStyle<'drawerContent'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { DrawerLayoutContentProps, DrawerLayoutContentState };
+export type { DrawerLayoutContentProps, DrawerLayoutContentState, DrawerLayoutContentStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/DrawerLayout/DrawerContent/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,wBAAwB,GAAG,2BAA2B,GAAG,cAAc,CAAA;AAE5E,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CASvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACzB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,wBAAwB,GAAG,2BAA2B,GACzD,cAAc,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAA;AAEpE,aAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAA;AAE/D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CASvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACzB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/DrawerLayout/DrawerContent/styles.d.ts

@@ -1,5 +1,5 @@
-import { DrawerLayoutContentTheme } from '@instructure/shared-types';
-import { DrawerLayoutContentProps, DrawerLayoutContentState } from './props';
+import type { DrawerLayoutContentTheme } from '@instructure/shared-types';
+import type { DrawerLayoutContentProps, DrawerLayoutContentState, DrawerLayoutContentStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,20 +10,6 @@ import { DrawerLayoutContentProps, DrawerLayoutContentState } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: DrawerLayoutContentTheme, props: DrawerLayoutContentProps, state: DrawerLayoutContentState) => {
-    drawerContent: {
-        transition: string;
-        label: string;
-        overflowY: string;
-        height: string;
-        boxSizing: string;
-    } | {
-        transition?: undefined;
-        label: string;
-        overflowY: string;
-        height: string;
-        boxSizing: string;
-    };
-};
+declare const generateStyle: (componentTheme: DrawerLayoutContentTheme, props: DrawerLayoutContentProps, state: DrawerLayoutContentState) => DrawerLayoutContentStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/DrawerLayout/DrawerContent/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerContent/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAE5E;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,wBAAwB,SAEjC,wBAAwB,SACxB,wBAAwB;;;;;;;;;;;;;;CAmBhC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerContent/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,KAAK,EACV,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,wBAAwB,SAEjC,wBAAwB,SACxB,wBAAwB,KAC9B,wBAkBF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/DrawerLayout/DrawerTray/props.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { PositionMountNode } from '@instructure/ui-position';
 import type { BidirectionalProps } from '@instructure/ui-i18n';
-import type { WithStyleProps } from '@instructure/emotion';
-import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { PropValidators, DrawerLayoutTrayTheme } from '@instructure/shared-types';
 declare type DrawerTrayPlacement = 'start' | 'end';
 declare type DrawerLayoutTrayOwnProps = {
     label: string;
@@ -40,9 +40,10 @@ declare type DrawerLayoutTrayStyleProps = {
 };
 declare type PropKeys = keyof DrawerLayoutTrayOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type DrawerLayoutTrayProps = DrawerLayoutTrayOwnProps & WithStyleProps;
+declare type DrawerLayoutTrayProps = DrawerLayoutTrayOwnProps & WithStyleProps<DrawerLayoutTrayTheme, DrawerLayoutTrayStyle>;
+declare type DrawerLayoutTrayStyle = ComponentStyle<'drawerTray' | 'drawerTrayWithShadow' | 'drawerTrayContent'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { DrawerLayoutTrayProps, DrawerLayoutTrayState, DrawerLayoutTrayStyleProps, DrawerTrayPlacement };
+export type { DrawerLayoutTrayProps, DrawerLayoutTrayState, DrawerLayoutTrayStyleProps, DrawerTrayPlacement, DrawerLayoutTrayStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/DrawerLayout/DrawerTray/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerTray/props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerTray/props.ts"],"names":[],"mappings":"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"}

package/types/DrawerLayout/DrawerTray/styles.d.ts

@@ -1,5 +1,5 @@
-import { DrawerLayoutTrayTheme } from '@instructure/shared-types';
-import { DrawerLayoutTrayProps, DrawerLayoutTrayStyleProps } from './props';
+import type { DrawerLayoutTrayTheme } from '@instructure/shared-types';
+import type { DrawerLayoutTrayProps, DrawerLayoutTrayStyleProps, DrawerLayoutTrayStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,185 +10,6 @@ import { DrawerLayoutTrayProps, DrawerLayoutTrayStyleProps } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: DrawerLayoutTrayTheme, props: DrawerLayoutTrayProps, state: DrawerLayoutTrayStyleProps) => {
-    drawerTray: {
-        left: number;
-        top: number;
-        bottom: number;
-        borderRightWidth: string | 0;
-        borderWidth: number;
-        borderColor: string;
-        borderStyle: string;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        right: number;
-        top: number;
-        bottom: number;
-        borderRightWidth: string | 0;
-        borderWidth: number;
-        borderColor: string;
-        borderStyle: string;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        left: number;
-        top: number;
-        bottom: number;
-        borderLeftWidth: string | 0;
-        borderWidth: number;
-        borderColor: string;
-        borderStyle: string;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        right: number;
-        top: number;
-        bottom: number;
-        borderLeftWidth: string | 0;
-        borderWidth: number;
-        borderColor: string;
-        borderStyle: string;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        left: number;
-        top: number;
-        bottom: number;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        right: number;
-        top: number;
-        bottom: number;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    };
-    drawerTrayWithShadow: {
-        boxShadow: string;
-        left: number;
-        top: number;
-        bottom: number;
-        borderRightWidth: string | 0;
-        borderWidth: number;
-        borderColor: string;
-        borderStyle: string;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        boxShadow: string;
-        right: number;
-        top: number;
-        bottom: number;
-        borderRightWidth: string | 0;
-        borderWidth: number;
-        borderColor: string;
-        borderStyle: string;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        boxShadow: string;
-        left: number;
-        top: number;
-        bottom: number;
-        borderLeftWidth: string | 0;
-        borderWidth: number;
-        borderColor: string;
-        borderStyle: string;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        boxShadow: string;
-        right: number;
-        top: number;
-        bottom: number;
-        borderLeftWidth: string | 0;
-        borderWidth: number;
-        borderColor: string;
-        borderStyle: string;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        boxShadow: string;
-        left: number;
-        top: number;
-        bottom: number;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    } | {
-        boxShadow: string;
-        right: number;
-        top: number;
-        bottom: number;
-        boxSizing: string;
-        position: string;
-        backgroundColor: string;
-        zIndex: number;
-        overflowY: string;
-        overflowX: string;
-        label: string;
-    };
-    drawerTrayContent: {
-        label: string;
-        overflowY: string;
-        height: string;
-        boxSizing: string;
-    };
-};
+declare const generateStyle: (componentTheme: DrawerLayoutTrayTheme, props: DrawerLayoutTrayProps, state: DrawerLayoutTrayStyleProps) => DrawerLayoutTrayStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/DrawerLayout/DrawerTray/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerTray/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAE3E;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,qBAAqB,SAC9B,qBAAqB,SACrB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDlC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerTray/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACtE,OAAO,KAAK,EACV,qBAAqB,EACrB,0BAA0B,EAC1B,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,qBAAqB,SAC9B,qBAAqB,SACrB,0BAA0B,KAChC,qBAuDF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/DrawerLayout/__examples__/DrawerLayout.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerLayout.examples.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/__examples__/DrawerLayout.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA4BA,wBAuDC"}
+{"version":3,"file":"DrawerLayout.examples.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/__examples__/DrawerLayout.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA4BA,wBAsDC"}

package/types/DrawerLayout/props.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { BidirectionalProps } from '@instructure/ui-i18n';
-import type { WithStyleProps } from '@instructure/emotion';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { PropValidators } from '@instructure/shared-types';
 declare type DrawerLayoutOwnProps = {
     children?: React.ReactNode;
@@ -9,9 +9,10 @@ declare type DrawerLayoutOwnProps = {
 } & BidirectionalProps;
 declare type PropKeys = keyof DrawerLayoutOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type DrawerLayoutProps = DrawerLayoutOwnProps & WithStyleProps;
+declare type DrawerLayoutProps = DrawerLayoutOwnProps & WithStyleProps<null, DrawerLayoutStyle>;
+declare type DrawerLayoutStyle = ComponentStyle<'drawerLayout'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { DrawerLayoutProps };
+export type { DrawerLayoutProps, DrawerLayoutStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/DrawerLayout/props.ts"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CAC9C,GAAG,kBAAkB,CAAA;AAEtB,aAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,iBAAiB,GAAG,oBAAoB,GAAG,cAAc,CAAA;AAE9D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAKnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/DrawerLayout/props.ts"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CAC9C,GAAG,kBAAkB,CAAA;AAEtB,aAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,iBAAiB,GAAG,oBAAoB,GAC3C,cAAc,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAA;AAEzC,aAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAKnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/DrawerLayout/styles.d.ts

@@ -1,3 +1,4 @@
+import type { DrawerLayoutStyle } from './props';
 /**
  * ---
  * private: true
@@ -8,12 +9,6 @@
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: () => {
-    drawerLayout: {
-        label: string;
-        position: string;
-        height: string;
-    };
-};
+declare const generateStyle: () => DrawerLayoutStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/DrawerLayout/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/DrawerLayout/styles.ts"],"names":[],"mappings":"AAwBA;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa;;;;;;CAQlB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/DrawerLayout/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,QAAO,iBAQzB,CAAA;AAED,eAAe,aAAa,CAAA"}