@instructure/ui-metric 8.18.0 → 8.18.1-snapshot.2

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

@@ -61,6 +61,8 @@ let Metric = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
   }
 
   render() {
+    var _this$props$styles, _this$props$styles2, _this$props$styles3;
+
     const _this$props = this.props,
           textAlign = _this$props.textAlign,
           renderLabel = _this$props.renderLabel,
@@ -70,14 +72,14 @@ let Metric = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
 
     return jsx("div", Object.assign({}, passthroughProps(rest), {
       role: isGroupChild ? 'row' : void 0,
-      css: this.props.styles?.metric,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.metric,
       ref: this.handleRef
     }), jsx("div", {
       role: isGroupChild ? 'rowheader' : void 0,
-      css: this.props.styles?.label
+      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.label
     }, callRenderProp(renderLabel)), jsx("div", {
       role: isGroupChild ? 'gridcell' : void 0,
-      css: this.props.styles?.value
+      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.value
     }, callRenderProp(renderValue)));
   }
 

package/es/Metric/theme.js

@@ -39,13 +39,13 @@ const generateComponentTheme = theme => {
     }
   };
   const componentVariables = {
-    padding: `0 ${spacing?.xSmall}`,
-    fontFamily: typography?.fontFamily,
-    valueColor: colors?.textDarkest,
-    valueFontSize: typography?.fontSizeXLarge,
-    valueFontWeight: typography?.fontWeightBold,
-    labelColor: colors?.textDarkest,
-    labelFontSize: typography?.fontSizeXSmall
+    padding: `0 ${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall}`,
+    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    valueColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    valueFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXLarge,
+    valueFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
+    labelColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    labelFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXSmall
   };
   return { ...componentVariables,
     ...themeSpecificStyle[themeName]

package/es/MetricGroup/index.js

@@ -66,8 +66,10 @@ let MetricGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   }
 
   render() {
+    var _this$props$styles;
+
     return jsx("div", Object.assign({}, passthroughProps(this.props), {
-      css: this.props.styles?.metricGroup,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.metricGroup,
       role: "grid",
       "aria-readonly": "true",
       ref: this.handleRef

package/es/MetricGroup/theme.js

@@ -30,7 +30,7 @@
 const generateComponentTheme = theme => {
   const typography = theme.typography;
   const componentVariables = {
-    lineHeight: typography?.lineHeightCondensed
+    lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed
   };
   return { ...componentVariables
   };

package/lib/Metric/index.js

@@ -54,6 +54,8 @@ let Metric = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   }
 
   render() {
+    var _this$props$styles, _this$props$styles2, _this$props$styles3;
+
     const _this$props = this.props,
           textAlign = _this$props.textAlign,
           renderLabel = _this$props.renderLabel,
@@ -62,14 +64,14 @@ let Metric = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
           rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     return (0, _emotion.jsx)("div", Object.assign({}, (0, _passthroughProps.passthroughProps)(rest), {
       role: isGroupChild ? 'row' : void 0,
-      css: this.props.styles?.metric,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.metric,
       ref: this.handleRef
     }), (0, _emotion.jsx)("div", {
       role: isGroupChild ? 'rowheader' : void 0,
-      css: this.props.styles?.label
+      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.label
     }, (0, _callRenderProp.callRenderProp)(renderLabel)), (0, _emotion.jsx)("div", {
       role: isGroupChild ? 'gridcell' : void 0,
-      css: this.props.styles?.value
+      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.value
     }, (0, _callRenderProp.callRenderProp)(renderValue)));
   }
 

package/lib/Metric/theme.js

@@ -46,13 +46,13 @@ const generateComponentTheme = theme => {
     }
   };
   const componentVariables = {
-    padding: `0 ${spacing?.xSmall}`,
-    fontFamily: typography?.fontFamily,
-    valueColor: colors?.textDarkest,
-    valueFontSize: typography?.fontSizeXLarge,
-    valueFontWeight: typography?.fontWeightBold,
-    labelColor: colors?.textDarkest,
-    labelFontSize: typography?.fontSizeXSmall
+    padding: `0 ${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall}`,
+    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    valueColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    valueFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXLarge,
+    valueFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
+    labelColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    labelFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXSmall
   };
   return { ...componentVariables,
     ...themeSpecificStyle[themeName]

package/lib/MetricGroup/index.js

@@ -58,8 +58,10 @@ let MetricGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   }
 
   render() {
+    var _this$props$styles;
+
     return (0, _emotion.jsx)("div", Object.assign({}, (0, _passthroughProps.passthroughProps)(this.props), {
-      css: this.props.styles?.metricGroup,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.metricGroup,
       role: "grid",
       "aria-readonly": "true",
       ref: this.handleRef

package/lib/MetricGroup/theme.js

@@ -37,7 +37,7 @@ exports.default = void 0;
 const generateComponentTheme = theme => {
   const typography = theme.typography;
   const componentVariables = {
-    lineHeight: typography?.lineHeightCondensed
+    lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed
   };
   return { ...componentVariables
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-metric",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.2+ca4c1ff9d",
   "description": "A UI component for displaying Metrics",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,20 +24,20 @@
   "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-prop-types": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
-    "@instructure/ui-testable": "8.18.0",
+    "@instructure/console": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/emotion": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/shared-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-prop-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-testable": "8.18.1-snapshot.2+ca4c1ff9d",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-color-utils": "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.2+ca4c1ff9d",
+    "@instructure/ui-color-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-test-locator": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-themes": "8.18.1-snapshot.2+ca4c1ff9d"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -45,5 +45,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca4c1ff9d3985151ae0758fb596de41652dbb58b"
 }