@instructure/ui-modal 8.18.0 → 8.18.1-snapshot.12

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/Modal/ModalBody/index.js

@@ -67,6 +67,8 @@ let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   }
 
   render() {
+    var _this$props$styles;
+
     const _this$props = this.props,
           as = _this$props.as,
           elementRef = _this$props.elementRef,
@@ -84,7 +86,7 @@ let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
       height: isFit ? '100%' : void 0,
       elementRef: this.handleRef,
       as: as,
-      css: this.props.styles?.modalBody,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalBody,
       padding: padding,
       tabIndex: -1 // prevent FF from focusing view when scrollable
 

package/es/Modal/ModalBody/theme.js

@@ -30,7 +30,7 @@
 const generateComponentTheme = theme => {
   const colors = theme.colors;
   return {
-    inverseBackground: colors?.backgroundBrandSecondary
+    inverseBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary
   };
 };
 

package/es/Modal/ModalFooter/index.js

@@ -61,12 +61,14 @@ let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   }
 
   render() {
+    var _this$props$styles;
+
     const _this$props = this.props,
           children = _this$props.children,
           rest = _objectWithoutProperties(_this$props, _excluded);
 
     return jsx("div", Object.assign({
-      css: this.props.styles?.modalFooter
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalFooter
     }, passthroughProps(rest), {
       ref: this.handleRef
     }), children);

package/es/Modal/ModalFooter/theme.js

@@ -32,13 +32,13 @@ const generateComponentTheme = theme => {
         spacing = theme.spacing,
         borders = theme.borders;
   const componentVariables = {
-    background: colors?.backgroundLight,
-    borderColor: colors?.borderMedium,
-    borderWidth: borders?.widthSmall,
-    borderRadius: borders?.radiusMedium,
-    padding: spacing?.small,
-    inverseBackground: colors?.backgroundDarkest,
-    inverseBorderColor: colors?.borderDarkest
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLight,
+    borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
+    borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
+    borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
+    padding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    inverseBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundDarkest,
+    inverseBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDarkest
   };
   return { ...componentVariables
   };

package/es/Modal/ModalHeader/index.js

@@ -78,12 +78,14 @@ let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   }
 
   render() {
+    var _this$props$styles;
+
     const _this$props = this.props,
           children = _this$props.children,
           rest = _objectWithoutProperties(_this$props, _excluded);
 
     return jsx("div", Object.assign({
-      css: this.props.styles?.modalHeader
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalHeader
     }, passthroughProps(rest), {
       ref: this.handleRef
     }), children);

package/es/Modal/ModalHeader/theme.js

@@ -31,12 +31,12 @@ const generateComponentTheme = theme => {
   const colors = theme.colors,
         spacing = theme.spacing;
   const componentVariables = {
-    background: colors?.backgroundLightest,
-    borderColor: colors?.borderMedium,
-    padding: spacing?.medium,
-    paddingCompact: spacing?.small,
-    inverseBackground: colors?.backgroundDarkest,
-    inverseBorderColor: colors?.backgroundDarkest
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
+    padding: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    paddingCompact: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    inverseBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundDarkest,
+    inverseBorderColor: colors === null || colors === void 0 ? void 0 : colors.backgroundDarkest
   };
   return { ...componentVariables
   };

package/es/Modal/index.js

@@ -162,7 +162,7 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
       shouldReturnFocus: shouldReturnFocus,
       liveRegion: liveRegion,
       onDismiss: onDismiss,
-      css: styles?.modal,
+      css: styles === null || styles === void 0 ? void 0 : styles.modal,
       ref: this.contentRef // aria-modal="true" see VO bug https://bugs.webkit.org/show_bug.cgi?id=174667
 
     }), this.renderChildren());
@@ -177,6 +177,8 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
   }
 
   render() {
+    var _this$props$styles;
+
     const _this$props3 = this.props,
           open = _this$props3.open,
           onOpen = _this$props3.onOpen,
@@ -214,7 +216,7 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
       onExiting: onExiting,
       onExited: createChainedFunction(this.handleTransitionExited, onExited)
     }, constrain === 'parent' ? jsx("span", {
-      css: this.props.styles?.constrainContext
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.constrainContext
     }, this.renderDialog(passthroughProps)) : this.renderDialog(passthroughProps)));
   }
 

package/es/Modal/theme.js

@@ -35,19 +35,19 @@ const generateComponentTheme = theme => {
         shadows = theme.shadows,
         stacking = theme.stacking;
   const componentVariables = {
-    fontFamily: typography?.fontFamily,
-    textColor: colors?.textDarkest,
-    background: colors?.backgroundLightest,
-    borderColor: colors?.borderMedium,
-    borderRadius: borders?.radiusMedium,
-    inverseBackground: colors?.backgroundBrandSecondary,
-    inverseTextColor: colors?.textLightest,
-    autoMinWidth: breakpoints?.xSmall,
-    smallMaxWidth: breakpoints?.small,
-    mediumMaxWidth: breakpoints?.medium,
-    largeMaxWidth: breakpoints?.large,
-    boxShadow: shadows?.depth3,
-    zIndex: stacking?.topmost
+    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    textColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
+    borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
+    inverseBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary,
+    inverseTextColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
+    autoMinWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.xSmall,
+    smallMaxWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.small,
+    mediumMaxWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.medium,
+    largeMaxWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.large,
+    boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth3,
+    zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.topmost
   };
   return { ...componentVariables
   };

package/lib/Modal/ModalBody/index.js

@@ -59,6 +59,8 @@ let ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }
 
   render() {
+    var _this$props$styles;
+
     const _this$props = this.props,
           as = _this$props.as,
           elementRef = _this$props.elementRef,
@@ -77,7 +79,7 @@ let ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       height: isFit ? '100%' : void 0,
       elementRef: this.handleRef,
       as: as,
-      css: this.props.styles?.modalBody,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalBody,
       padding: padding,
       tabIndex: -1 // prevent FF from focusing view when scrollable
 

package/lib/Modal/ModalBody/theme.js

@@ -37,7 +37,7 @@ exports.default = void 0;
 const generateComponentTheme = theme => {
   const colors = theme.colors;
   return {
-    inverseBackground: colors?.backgroundBrandSecondary
+    inverseBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary
   };
 };
 

package/lib/Modal/ModalFooter/index.js

@@ -52,11 +52,13 @@ let ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   }
 
   render() {
+    var _this$props$styles;
+
     const _this$props = this.props,
           children = _this$props.children,
           rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     return (0, _emotion.jsx)("div", Object.assign({
-      css: this.props.styles?.modalFooter
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalFooter
     }, (0, _passthroughProps.passthroughProps)(rest), {
       ref: this.handleRef
     }), children);

package/lib/Modal/ModalFooter/theme.js

@@ -39,13 +39,13 @@ const generateComponentTheme = theme => {
         spacing = theme.spacing,
         borders = theme.borders;
   const componentVariables = {
-    background: colors?.backgroundLight,
-    borderColor: colors?.borderMedium,
-    borderWidth: borders?.widthSmall,
-    borderRadius: borders?.radiusMedium,
-    padding: spacing?.small,
-    inverseBackground: colors?.backgroundDarkest,
-    inverseBorderColor: colors?.borderDarkest
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLight,
+    borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
+    borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
+    borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
+    padding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    inverseBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundDarkest,
+    inverseBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDarkest
   };
   return { ...componentVariables
   };

package/lib/Modal/ModalHeader/index.js

@@ -76,11 +76,13 @@ let ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   }
 
   render() {
+    var _this$props$styles;
+
     const _this$props = this.props,
           children = _this$props.children,
           rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     return (0, _emotion.jsx)("div", Object.assign({
-      css: this.props.styles?.modalHeader
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalHeader
     }, (0, _passthroughProps.passthroughProps)(rest), {
       ref: this.handleRef
     }), children);

package/lib/Modal/ModalHeader/theme.js

@@ -38,12 +38,12 @@ const generateComponentTheme = theme => {
   const colors = theme.colors,
         spacing = theme.spacing;
   const componentVariables = {
-    background: colors?.backgroundLightest,
-    borderColor: colors?.borderMedium,
-    padding: spacing?.medium,
-    paddingCompact: spacing?.small,
-    inverseBackground: colors?.backgroundDarkest,
-    inverseBorderColor: colors?.backgroundDarkest
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
+    padding: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    paddingCompact: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    inverseBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundDarkest,
+    inverseBorderColor: colors === null || colors === void 0 ? void 0 : colors.backgroundDarkest
   };
   return { ...componentVariables
   };

package/lib/Modal/index.js

@@ -186,7 +186,7 @@ let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
       shouldReturnFocus: shouldReturnFocus,
       liveRegion: liveRegion,
       onDismiss: onDismiss,
-      css: styles?.modal,
+      css: styles === null || styles === void 0 ? void 0 : styles.modal,
       ref: this.contentRef // aria-modal="true" see VO bug https://bugs.webkit.org/show_bug.cgi?id=174667
 
     }), this.renderChildren());
@@ -201,6 +201,8 @@ let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   }
 
   render() {
+    var _this$props$styles;
+
     const _this$props3 = this.props,
           open = _this$props3.open,
           onOpen = _this$props3.onOpen,
@@ -237,7 +239,7 @@ let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
       onExiting: onExiting,
       onExited: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionExited, onExited)
     }, constrain === 'parent' ? (0, _emotion.jsx)("span", {
-      css: this.props.styles?.constrainContext
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.constrainContext
     }, this.renderDialog(passthroughProps)) : this.renderDialog(passthroughProps)));
   }
 

package/lib/Modal/theme.js

@@ -42,19 +42,19 @@ const generateComponentTheme = theme => {
         shadows = theme.shadows,
         stacking = theme.stacking;
   const componentVariables = {
-    fontFamily: typography?.fontFamily,
-    textColor: colors?.textDarkest,
-    background: colors?.backgroundLightest,
-    borderColor: colors?.borderMedium,
-    borderRadius: borders?.radiusMedium,
-    inverseBackground: colors?.backgroundBrandSecondary,
-    inverseTextColor: colors?.textLightest,
-    autoMinWidth: breakpoints?.xSmall,
-    smallMaxWidth: breakpoints?.small,
-    mediumMaxWidth: breakpoints?.medium,
-    largeMaxWidth: breakpoints?.large,
-    boxShadow: shadows?.depth3,
-    zIndex: stacking?.topmost
+    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    textColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
+    borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
+    inverseBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary,
+    inverseTextColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
+    autoMinWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.xSmall,
+    smallMaxWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.small,
+    mediumMaxWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.medium,
+    largeMaxWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.large,
+    boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth3,
+    zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.topmost
   };
   return { ...componentVariables
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-modal",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.12+ca14b3dc8",
   "description": "A component for displaying content in a dialog overlay",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,34 +24,35 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.18.0",
-    "@instructure/emotion": "8.18.0",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-buttons": "8.18.0",
-    "@instructure/ui-dialog": "8.18.0",
-    "@instructure/ui-motion": "8.18.0",
-    "@instructure/ui-overlays": "8.18.0",
-    "@instructure/ui-portal": "8.18.0",
-    "@instructure/ui-prop-types": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
-    "@instructure/ui-testable": "8.18.0",
-    "@instructure/ui-utils": "8.18.0",
-    "@instructure/ui-view": "8.18.0",
+    "@instructure/console": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/emotion": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/shared-types": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-buttons": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-dialog": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-motion": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-overlays": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-portal": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-prop-types": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-testable": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-view": "8.18.1-snapshot.12+ca14b3dc8",
     "prop-types": "^15"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-color-utils": "8.18.0",
-    "@instructure/ui-position": "8.18.0",
-    "@instructure/ui-test-locator": "8.18.0",
-    "@instructure/ui-test-utils": "8.18.0",
-    "@instructure/ui-themes": "8.18.0"
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-color-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-position": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-test-locator": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-themes": "8.18.1-snapshot.12+ca14b3dc8"
   },
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca14b3dc8f0315daef7b86aa05f711e6d6684c58"
 }