@instructure/ui-billboard 8.33.2-snapshot-0 → 8.33.2

package/CHANGELOG.md

@@ -3,14 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.33.2-snapshot-0](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2-snapshot-0) (2023-01-13)
+## [8.33.2](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2) (2023-01-25)
 
 **Note:** Version bump only for package @instructure/ui-billboard
 
-
-
-
-
 ## [8.33.1](https://github.com/instructure/instructure-ui/compare/v8.33.0...v8.33.1) (2023-01-06)
 
 **Note:** Version bump only for package @instructure/ui-billboard

package/es/Billboard/index.js

@@ -1,5 +1,4 @@
 var _dec, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -33,7 +32,6 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { propTypes, allowedProps } from './props';
-
 /**
 ---
 category: components
@@ -44,21 +42,17 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
-
     this.handleClick = e => {
       const _this$props = this.props,
-            readOnly = _this$props.readOnly,
-            onClick = _this$props.onClick;
-
+        readOnly = _this$props.readOnly,
+        onClick = _this$props.onClick;
       if (readOnly) {
         e.preventDefault();
         e.stopPropagation();
@@ -67,25 +61,20 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       }
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props2;
-
     (_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$props3;
-
     (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
-
   renderHeading() {
     const _this$props4 = this.props,
-          headingLevel = _this$props4.headingLevel,
-          headingAs = _this$props4.headingAs,
-          heading = _this$props4.heading,
-          styles = _this$props4.styles;
+      headingLevel = _this$props4.headingLevel,
+      headingAs = _this$props4.headingAs,
+      heading = _this$props4.heading,
+      styles = _this$props4.styles;
     return jsx("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.heading
     }, jsx(Heading, {
@@ -94,10 +83,10 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       color: "primary"
     }, heading));
   }
-
   get SVGIconSize() {
-    const size = this.props.size; // serve up appropriate SVGIcon size for each Billboard size
+    const size = this.props.size;
 
+    // serve up appropriate SVGIcon size for each Billboard size
     if (size === 'small') {
       return 'medium';
     } else if (size === 'large') {
@@ -106,7 +95,6 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       return 'large';
     }
   }
-
   renderHero() {
     if (typeof this.props.hero === 'function') {
       return this.props.hero(this.SVGIconSize);
@@ -114,13 +102,12 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       return this.props.hero;
     }
   }
-
   renderContent() {
     const _this$props5 = this.props,
-          heading = _this$props5.heading,
-          message = _this$props5.message,
-          hero = _this$props5.hero,
-          styles = _this$props5.styles;
+      heading = _this$props5.heading,
+      message = _this$props5.message,
+      hero = _this$props5.hero,
+      styles = _this$props5.styles;
     return jsx("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.content
     }, hero && jsx("span", {
@@ -129,14 +116,13 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       css: styles === null || styles === void 0 ? void 0 : styles.message
     }, callRenderProp(message)));
   }
-
   render() {
     const _this$props6 = this.props,
-          href = _this$props6.href,
-          disabled = _this$props6.disabled,
-          readOnly = _this$props6.readOnly,
-          margin = _this$props6.margin,
-          styles = _this$props6.styles;
+      href = _this$props6.href,
+      disabled = _this$props6.disabled,
+      readOnly = _this$props6.readOnly,
+      margin = _this$props6.margin,
+      styles = _this$props6.styles;
     const Element = getElementType(Billboard, this.props);
     return jsx(View, {
       as: "div",
@@ -152,7 +138,6 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       "aria-disabled": disabled || readOnly ? 'true' : void 0
     }), this.renderContent()));
   }
-
 }, _class2.displayName = "Billboard", _class2.componentId = 'Billboard', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   disabled: false,
   readOnly: false,

package/es/Billboard/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
 const propTypes = {

package/es/Billboard/styles.js

@@ -34,11 +34,11 @@
  */
 const generateStyle = (componentTheme, props) => {
   const size = props.size,
-        href = props.href,
-        onClick = props.onClick,
-        disabled = props.disabled,
-        hero = props.hero,
-        heading = props.heading;
+    href = props.href,
+    onClick = props.onClick,
+    disabled = props.disabled,
+    hero = props.hero,
+    heading = props.heading;
   const clickable = href || onClick;
   const sizeVariants = {
     small: {
@@ -51,7 +51,8 @@ const generateStyle = (componentTheme, props) => {
       message: {
         fontSize: componentTheme.messageFontSizeSmall
       },
-      heading: { ...(hero && {
+      heading: {
+        ...(hero && {
           margin: `${componentTheme.mediumMargin} 0 0`
         })
       }
@@ -169,5 +170,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 export default generateStyle;

package/es/Billboard/theme.js

@@ -31,10 +31,10 @@
  */
 const generateComponentTheme = theme => {
   const borders = theme.borders,
-        colors = theme.colors,
-        spacing = theme.spacing,
-        typography = theme.typography,
-        themeName = theme.key;
+    colors = theme.colors,
+    spacing = theme.spacing,
+    typography = theme.typography,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       iconHoverColor: theme['ic-link-color'],
@@ -66,9 +66,9 @@ const generateComponentTheme = theme => {
     buttonBorderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
     buttonHoverBorderStyle: 'dashed'
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 export default generateComponentTheme;

package/lib/Billboard/index.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Billboard = void 0;
-
 var _react = require("react");
-
 var _Heading = require("@instructure/ui-heading/lib/Heading");
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _class, _class2;
-
 /**
 ---
 category: components
@@ -39,21 +26,17 @@ let Billboard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
-
     this.handleClick = e => {
       const _this$props = this.props,
-            readOnly = _this$props.readOnly,
-            onClick = _this$props.onClick;
-
+        readOnly = _this$props.readOnly,
+        onClick = _this$props.onClick;
       if (readOnly) {
         e.preventDefault();
         e.stopPropagation();
@@ -62,25 +45,20 @@ let Billboard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       }
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props2;
-
     (_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$props3;
-
     (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
-
   renderHeading() {
     const _this$props4 = this.props,
-          headingLevel = _this$props4.headingLevel,
-          headingAs = _this$props4.headingAs,
-          heading = _this$props4.heading,
-          styles = _this$props4.styles;
+      headingLevel = _this$props4.headingLevel,
+      headingAs = _this$props4.headingAs,
+      heading = _this$props4.heading,
+      styles = _this$props4.styles;
     return (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.heading
     }, (0, _emotion.jsx)(_Heading.Heading, {
@@ -89,10 +67,10 @@ let Billboard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       color: "primary"
     }, heading));
   }
-
   get SVGIconSize() {
-    const size = this.props.size; // serve up appropriate SVGIcon size for each Billboard size
+    const size = this.props.size;
 
+    // serve up appropriate SVGIcon size for each Billboard size
     if (size === 'small') {
       return 'medium';
     } else if (size === 'large') {
@@ -101,7 +79,6 @@ let Billboard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       return 'large';
     }
   }
-
   renderHero() {
     if (typeof this.props.hero === 'function') {
       return this.props.hero(this.SVGIconSize);
@@ -109,13 +86,12 @@ let Billboard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       return this.props.hero;
     }
   }
-
   renderContent() {
     const _this$props5 = this.props,
-          heading = _this$props5.heading,
-          message = _this$props5.message,
-          hero = _this$props5.hero,
-          styles = _this$props5.styles;
+      heading = _this$props5.heading,
+      message = _this$props5.message,
+      hero = _this$props5.hero,
+      styles = _this$props5.styles;
     return (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.content
     }, hero && (0, _emotion.jsx)("span", {
@@ -124,14 +100,13 @@ let Billboard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       css: styles === null || styles === void 0 ? void 0 : styles.message
     }, (0, _callRenderProp.callRenderProp)(message)));
   }
-
   render() {
     const _this$props6 = this.props,
-          href = _this$props6.href,
-          disabled = _this$props6.disabled,
-          readOnly = _this$props6.readOnly,
-          margin = _this$props6.margin,
-          styles = _this$props6.styles;
+      href = _this$props6.href,
+      disabled = _this$props6.disabled,
+      readOnly = _this$props6.readOnly,
+      margin = _this$props6.margin,
+      styles = _this$props6.styles;
     const Element = (0, _getElementType.getElementType)(Billboard, this.props);
     return (0, _emotion.jsx)(_View.View, {
       as: "div",
@@ -147,7 +122,6 @@ let Billboard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       "aria-disabled": disabled || readOnly ? 'true' : void 0
     }), this.renderContent()));
   }
-
 }, _class2.displayName = "Billboard", _class2.componentId = 'Billboard', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   disabled: false,
   readOnly: false,

package/lib/Billboard/props.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("@instructure/emotion");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _emotion = require("@instructure/emotion");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   hero: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
   size: _propTypes.default.oneOf(['small', 'medium', 'large']),

package/lib/Billboard/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -41,11 +40,11 @@ exports.default = void 0;
  */
 const generateStyle = (componentTheme, props) => {
   const size = props.size,
-        href = props.href,
-        onClick = props.onClick,
-        disabled = props.disabled,
-        hero = props.hero,
-        heading = props.heading;
+    href = props.href,
+    onClick = props.onClick,
+    disabled = props.disabled,
+    hero = props.hero,
+    heading = props.heading;
   const clickable = href || onClick;
   const sizeVariants = {
     small: {
@@ -58,7 +57,8 @@ const generateStyle = (componentTheme, props) => {
       message: {
         fontSize: componentTheme.messageFontSizeSmall
       },
-      heading: { ...(hero && {
+      heading: {
+        ...(hero && {
           margin: `${componentTheme.mediumMargin} 0 0`
         })
       }
@@ -176,6 +176,5 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Billboard/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -38,10 +37,10 @@ exports.default = void 0;
  */
 const generateComponentTheme = theme => {
   const borders = theme.borders,
-        colors = theme.colors,
-        spacing = theme.spacing,
-        typography = theme.typography,
-        themeName = theme.key;
+    colors = theme.colors,
+    spacing = theme.spacing,
+    typography = theme.typography,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       iconHoverColor: theme['ic-link-color'],
@@ -73,10 +72,10 @@ const generateComponentTheme = theme => {
     buttonBorderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
     buttonHoverBorderStyle: 'dashed'
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Billboard", {
     return _Billboard.Billboard;
   }
 });
-
 var _Billboard = require("./Billboard");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-billboard",
-  "version": "8.33.2-snapshot-0",
+  "version": "8.33.2",
   "description": "A UI component to display empty states, 404 pages, redirects, etc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,20 +23,20 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.33.2-snapshot-0",
-    "@instructure/ui-color-utils": "8.33.2-snapshot-0",
-    "@instructure/ui-icons": "8.33.2-snapshot-0",
-    "@instructure/ui-test-utils": "8.33.2-snapshot-0",
-    "@instructure/ui-themes": "8.33.2-snapshot-0"
+    "@instructure/ui-babel-preset": "8.33.2",
+    "@instructure/ui-color-utils": "8.33.2",
+    "@instructure/ui-icons": "8.33.2",
+    "@instructure/ui-test-utils": "8.33.2",
+    "@instructure/ui-themes": "8.33.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.33.2-snapshot-0",
-    "@instructure/shared-types": "8.33.2-snapshot-0",
-    "@instructure/ui-heading": "8.33.2-snapshot-0",
-    "@instructure/ui-img": "8.33.2-snapshot-0",
-    "@instructure/ui-react-utils": "8.33.2-snapshot-0",
-    "@instructure/ui-view": "8.33.2-snapshot-0",
+    "@instructure/emotion": "8.33.2",
+    "@instructure/shared-types": "8.33.2",
+    "@instructure/ui-heading": "8.33.2",
+    "@instructure/ui-img": "8.33.2",
+    "@instructure/ui-react-utils": "8.33.2",
+    "@instructure/ui-view": "8.33.2",
     "prop-types": "^15"
   },
   "peerDependencies": {