@instructure/ui-alerts 8.18.0 → 8.18.1-snapshot.0

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

@@ -177,6 +177,8 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
       const div = document.getElementById(this.srid);
 
       if (div) {
+        var _div$parentNode;
+
         // Accessibility attributes must be removed for the deletion of the node
         // and then reapplied because JAWS/IE will not respect the
         // "aria-relevant" attribute and read when the node is deleted if
@@ -185,14 +187,16 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
         liveRegion.removeAttribute('aria-relevant');
         liveRegion.removeAttribute('aria-atomic');
         ReactDOM.unmountComponentAtNode(div);
-        div?.parentNode?.removeChild(div);
+        div === null || div === void 0 ? void 0 : (_div$parentNode = div.parentNode) === null || _div$parentNode === void 0 ? void 0 : _div$parentNode.removeChild(div);
         this.initLiveRegion(liveRegion);
       }
     }
   }
 
   componentDidMount() {
-    this.props.makeStyles?.();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
     const liveRegion = this.getLiveRegion();
 
     if (liveRegion) {
@@ -204,7 +208,9 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
   }
 
   componentDidUpdate(prevProps) {
-    this.props.makeStyles?.();
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
 
     if (!!this.props.open === false && !!this.props.open !== !!prevProps.open) {
       // this outside world is asking us to close the alert, which needs to
@@ -223,16 +229,20 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
   }
 
   renderIcon() {
+    var _this$props$styles;
+
     const Icon = this.variantUI[this.props.variant];
     return jsx("div", {
-      css: this.props.styles?.icon
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.icon
     }, jsx(Icon, null));
   }
 
   renderCloseButton() {
+    var _this$props$styles2;
+
     const closeButtonLabel = this.props.renderCloseButtonLabel && callRenderProp(this.props.renderCloseButtonLabel);
     return closeButtonLabel ? jsx("div", {
-      css: this.props.styles?.closeButton,
+      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.closeButton,
       key: "closeButton"
     }, jsx(CloseButton, {
       onClick: this.close,
@@ -242,14 +252,16 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
   }
 
   renderAlert() {
+    var _this$props$styles3, _this$props$styles4;
+
     return jsx(View, {
       as: "div",
       margin: this.props.margin,
-      css: this.props.styles?.alert,
+      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.alert,
       onKeyUp: this.handleKeyUp,
       elementRef: this.handleRef
     }, this.renderIcon(), jsx("div", {
-      css: this.props.styles?.content
+      css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.content
     }, this.props.children), this.renderCloseButton());
   }
 

package/es/Alert/theme.js

@@ -40,29 +40,29 @@ const generateComponentTheme = theme => {
     }
   };
   const componentVariables = {
-    background: colors?.backgroundLightest,
-    color: colors?.textDarkest,
-    marginTop: spacing?.small,
-    borderRadius: borders?.radiusMedium,
-    borderWidth: borders?.widthMedium,
-    borderStyle: borders?.style,
-    contentPadding: `${spacing?.small} ${spacing?.medium}`,
-    contentFontSize: typography?.fontSizeMedium,
-    contentFontFamily: typography?.fontFamily,
-    contentFontWeight: typography?.fontWeightNormal,
-    contentLineHeight: typography?.lineHeightCondensed,
-    closeButtonMarginTop: spacing?.xSmall,
-    closeButtonMarginRight: spacing?.xxSmall,
-    iconColor: colors?.textLightest,
-    successBorderColor: colors?.borderSuccess,
-    successIconBackground: colors?.backgroundSuccess,
-    infoBorderColor: colors?.borderInfo,
-    infoIconBackground: colors?.backgroundInfo,
-    warningBorderColor: colors?.borderWarning,
-    warningIconBackground: colors?.backgroundWarning,
-    dangerBorderColor: colors?.borderDanger,
-    dangerIconBackground: colors?.backgroundDanger,
-    boxShadow: shadows?.depth2
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    marginTop: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
+    borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
+    borderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
+    contentPadding: `${spacing === null || spacing === void 0 ? void 0 : spacing.small} ${spacing === null || spacing === void 0 ? void 0 : spacing.medium}`,
+    contentFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
+    contentFontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    contentFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
+    contentLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
+    closeButtonMarginTop: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
+    closeButtonMarginRight: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
+    iconColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
+    successBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderSuccess,
+    successIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundSuccess,
+    infoBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderInfo,
+    infoIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundInfo,
+    warningBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderWarning,
+    warningIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundWarning,
+    dangerBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
+    dangerIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundDanger,
+    boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth2
   };
   return { ...componentVariables,
     ...themeSpecificStyle[themeName]

package/lib/Alert/index.js

@@ -186,6 +186,8 @@ let Alert = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
       const div = document.getElementById(this.srid);
 
       if (div) {
+        var _div$parentNode;
+
         // Accessibility attributes must be removed for the deletion of the node
         // and then reapplied because JAWS/IE will not respect the
         // "aria-relevant" attribute and read when the node is deleted if
@@ -196,14 +198,16 @@ let Alert = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
 
         _reactDom.default.unmountComponentAtNode(div);
 
-        div?.parentNode?.removeChild(div);
+        div === null || div === void 0 ? void 0 : (_div$parentNode = div.parentNode) === null || _div$parentNode === void 0 ? void 0 : _div$parentNode.removeChild(div);
         this.initLiveRegion(liveRegion);
       }
     }
   }
 
   componentDidMount() {
-    this.props.makeStyles?.();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
     const liveRegion = this.getLiveRegion();
 
     if (liveRegion) {
@@ -215,7 +219,9 @@ let Alert = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
   }
 
   componentDidUpdate(prevProps) {
-    this.props.makeStyles?.();
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
 
     if (!!this.props.open === false && !!this.props.open !== !!prevProps.open) {
       // this outside world is asking us to close the alert, which needs to
@@ -234,16 +240,20 @@ let Alert = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
   }
 
   renderIcon() {
+    var _this$props$styles;
+
     const Icon = this.variantUI[this.props.variant];
     return (0, _emotion.jsx)("div", {
-      css: this.props.styles?.icon
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.icon
     }, (0, _emotion.jsx)(Icon, null));
   }
 
   renderCloseButton() {
+    var _this$props$styles2;
+
     const closeButtonLabel = this.props.renderCloseButtonLabel && (0, _callRenderProp.callRenderProp)(this.props.renderCloseButtonLabel);
     return closeButtonLabel ? (0, _emotion.jsx)("div", {
-      css: this.props.styles?.closeButton,
+      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.closeButton,
       key: "closeButton"
     }, (0, _emotion.jsx)(_CloseButton.CloseButton, {
       onClick: this.close,
@@ -253,14 +263,16 @@ let Alert = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
   }
 
   renderAlert() {
+    var _this$props$styles3, _this$props$styles4;
+
     return (0, _emotion.jsx)(_View.View, {
       as: "div",
       margin: this.props.margin,
-      css: this.props.styles?.alert,
+      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.alert,
       onKeyUp: this.handleKeyUp,
       elementRef: this.handleRef
     }, this.renderIcon(), (0, _emotion.jsx)("div", {
-      css: this.props.styles?.content
+      css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.content
     }, this.props.children), this.renderCloseButton());
   }
 

package/lib/Alert/theme.js

@@ -47,29 +47,29 @@ const generateComponentTheme = theme => {
     }
   };
   const componentVariables = {
-    background: colors?.backgroundLightest,
-    color: colors?.textDarkest,
-    marginTop: spacing?.small,
-    borderRadius: borders?.radiusMedium,
-    borderWidth: borders?.widthMedium,
-    borderStyle: borders?.style,
-    contentPadding: `${spacing?.small} ${spacing?.medium}`,
-    contentFontSize: typography?.fontSizeMedium,
-    contentFontFamily: typography?.fontFamily,
-    contentFontWeight: typography?.fontWeightNormal,
-    contentLineHeight: typography?.lineHeightCondensed,
-    closeButtonMarginTop: spacing?.xSmall,
-    closeButtonMarginRight: spacing?.xxSmall,
-    iconColor: colors?.textLightest,
-    successBorderColor: colors?.borderSuccess,
-    successIconBackground: colors?.backgroundSuccess,
-    infoBorderColor: colors?.borderInfo,
-    infoIconBackground: colors?.backgroundInfo,
-    warningBorderColor: colors?.borderWarning,
-    warningIconBackground: colors?.backgroundWarning,
-    dangerBorderColor: colors?.borderDanger,
-    dangerIconBackground: colors?.backgroundDanger,
-    boxShadow: shadows?.depth2
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    marginTop: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
+    borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
+    borderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
+    contentPadding: `${spacing === null || spacing === void 0 ? void 0 : spacing.small} ${spacing === null || spacing === void 0 ? void 0 : spacing.medium}`,
+    contentFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
+    contentFontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    contentFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
+    contentLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
+    closeButtonMarginTop: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
+    closeButtonMarginRight: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
+    iconColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
+    successBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderSuccess,
+    successIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundSuccess,
+    infoBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderInfo,
+    infoIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundInfo,
+    warningBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderWarning,
+    warningIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundWarning,
+    dangerBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
+    dangerIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundDanger,
+    boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth2
   };
   return { ...componentVariables,
     ...themeSpecificStyle[themeName]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-alerts",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.0+435c9ae79",
   "description": "An alert component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,24 +23,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-color-utils": "8.18.0",
-    "@instructure/ui-test-utils": "8.18.0"
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-color-utils": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.0+435c9ae79"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.18.0",
-    "@instructure/emotion": "8.18.0",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-a11y-content": "8.18.0",
-    "@instructure/ui-buttons": "8.18.0",
-    "@instructure/ui-icons": "8.18.0",
-    "@instructure/ui-motion": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
-    "@instructure/ui-themes": "8.18.0",
-    "@instructure/ui-utils": "8.18.0",
-    "@instructure/ui-view": "8.18.0",
-    "@instructure/uid": "8.18.0",
+    "@instructure/console": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/emotion": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/shared-types": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-a11y-content": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-buttons": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-icons": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-motion": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-themes": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-utils": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-view": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/uid": "8.18.1-snapshot.0+435c9ae79",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -51,5 +51,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "435c9ae794c15e2bd103f700f8c4e946d91c1b59"
 }