@instructure/ui-byline 8.17.1-snapshot.82 → 8.18.1-snapshot.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/es/Byline/index.js +14 -8
  3. package/es/Byline/theme.js +14 -14
  4. package/lib/Byline/index.js +14 -8
  5. package/lib/Byline/theme.js +14 -14
  6. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [8.18.0](https://github.com/instructure/instructure-ui/compare/v8.17.0...v8.18.0) (2022-02-23)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-byline
9
+
6
10
  # [8.17.0](https://github.com/instructure/instructure-ui/compare/v8.16.0...v8.17.0) (2022-02-07)
7
11
 
8
12
  ### Bug Fixes
package/es/Byline/index.js CHANGED
@@ -55,29 +55,35 @@ let Byline = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cla
55
55
  }
56
56
 
57
57
  componentDidMount() {
58
- this.props.makeStyles?.();
58
+ var _this$props$makeStyle, _this$props;
59
+
60
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
59
61
  }
60
62
 
61
63
  componentDidUpdate() {
62
- this.props.makeStyles?.();
64
+ var _this$props$makeStyle2, _this$props2;
65
+
66
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
63
67
  }
64
68
 
65
69
  render() {
70
+ var _this$props$styles, _this$props$styles2, _this$props$styles3, _this$props$styles4, _this$props$styles5, _this$props$styles6;
71
+
66
72
  const passthroughProps = View.omitViewProps(omitProps(this.props, Byline.allowedProps), Byline);
67
73
  return jsx(View, Object.assign({}, passthroughProps, {
68
74
  elementRef: this.handleRef,
69
- css: this.props.styles?.byline,
75
+ css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.byline,
70
76
  as: "figure",
71
77
  margin: this.props.margin,
72
- maxWidth: this.props.styles?.maxWidth
78
+ maxWidth: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.maxWidth
73
79
  }), jsx("div", {
74
- css: this.props.styles?.figure
80
+ css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.figure
75
81
  }, this.props.children), jsx("figcaption", {
76
- css: this.props.styles?.caption
82
+ css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.caption
77
83
  }, this.props.title && jsx("span", {
78
- css: this.props.styles?.title
84
+ css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.title
79
85
  }, this.props.title), this.props.description && jsx("div", {
80
- css: this.props.styles?.description
86
+ css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.description
81
87
  }, this.props.description)));
82
88
  }
83
89
 
package/es/Byline/theme.js CHANGED
@@ -39,20 +39,20 @@ const generateComponentTheme = theme => {
39
39
  }
40
40
  };
41
41
  const componentVariables = {
42
- fontFamily: typography?.fontFamily,
43
- background: colors?.backgroundLightest,
44
- color: colors?.textDarkest,
45
- figureMargin: spacing?.small,
46
- titleMargin: `0 0 ${spacing?.xSmall} 0`,
47
- titleFontSize: typography?.fontSizeLarge,
48
- titleFontWeight: typography?.fontWeightNormal,
49
- titleLineHeight: typography?.lineHeightFit,
50
- descriptionFontSize: typography?.fontSizeMedium,
51
- descriptionFontWeight: typography?.fontWeightNormal,
52
- descriptionLineHeight: typography?.lineHeightCondensed,
53
- small: breakpoints?.small,
54
- medium: breakpoints?.medium,
55
- large: breakpoints?.large
42
+ fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
43
+ background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
44
+ color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
45
+ figureMargin: spacing === null || spacing === void 0 ? void 0 : spacing.small,
46
+ titleMargin: `0 0 ${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall} 0`,
47
+ titleFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge,
48
+ titleFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
49
+ titleLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightFit,
50
+ descriptionFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
51
+ descriptionFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
52
+ descriptionLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
53
+ small: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.small,
54
+ medium: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.medium,
55
+ large: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.large
56
56
  };
57
57
  return { ...componentVariables,
58
58
  ...themeSpecificStyle[themeName]
package/lib/Byline/index.js CHANGED
@@ -45,30 +45,36 @@ let Byline = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
45
45
  }
46
46
 
47
47
  componentDidMount() {
48
- this.props.makeStyles?.();
48
+ var _this$props$makeStyle, _this$props;
49
+
50
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
49
51
  }
50
52
 
51
53
  componentDidUpdate() {
52
- this.props.makeStyles?.();
54
+ var _this$props$makeStyle2, _this$props2;
55
+
56
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
53
57
  }
54
58
 
55
59
  render() {
60
+ var _this$props$styles, _this$props$styles2, _this$props$styles3, _this$props$styles4, _this$props$styles5, _this$props$styles6;
61
+
56
62
  const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Byline.allowedProps), Byline);
57
63
 
58
64
  return (0, _emotion.jsx)(_View.View, Object.assign({}, passthroughProps, {
59
65
  elementRef: this.handleRef,
60
- css: this.props.styles?.byline,
66
+ css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.byline,
61
67
  as: "figure",
62
68
  margin: this.props.margin,
63
- maxWidth: this.props.styles?.maxWidth
69
+ maxWidth: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.maxWidth
64
70
  }), (0, _emotion.jsx)("div", {
65
- css: this.props.styles?.figure
71
+ css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.figure
66
72
  }, this.props.children), (0, _emotion.jsx)("figcaption", {
67
- css: this.props.styles?.caption
73
+ css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.caption
68
74
  }, this.props.title && (0, _emotion.jsx)("span", {
69
- css: this.props.styles?.title
75
+ css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.title
70
76
  }, this.props.title), this.props.description && (0, _emotion.jsx)("div", {
71
- css: this.props.styles?.description
77
+ css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.description
72
78
  }, this.props.description)));
73
79
  }
74
80
 
package/lib/Byline/theme.js CHANGED
@@ -46,20 +46,20 @@ const generateComponentTheme = theme => {
46
46
  }
47
47
  };
48
48
  const componentVariables = {
49
- fontFamily: typography?.fontFamily,
50
- background: colors?.backgroundLightest,
51
- color: colors?.textDarkest,
52
- figureMargin: spacing?.small,
53
- titleMargin: `0 0 ${spacing?.xSmall} 0`,
54
- titleFontSize: typography?.fontSizeLarge,
55
- titleFontWeight: typography?.fontWeightNormal,
56
- titleLineHeight: typography?.lineHeightFit,
57
- descriptionFontSize: typography?.fontSizeMedium,
58
- descriptionFontWeight: typography?.fontWeightNormal,
59
- descriptionLineHeight: typography?.lineHeightCondensed,
60
- small: breakpoints?.small,
61
- medium: breakpoints?.medium,
62
- large: breakpoints?.large
49
+ fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
50
+ background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
51
+ color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
52
+ figureMargin: spacing === null || spacing === void 0 ? void 0 : spacing.small,
53
+ titleMargin: `0 0 ${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall} 0`,
54
+ titleFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge,
55
+ titleFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
56
+ titleLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightFit,
57
+ descriptionFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
58
+ descriptionFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
59
+ descriptionLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
60
+ small: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.small,
61
+ medium: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.medium,
62
+ large: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.large
63
63
  };
64
64
  return { ...componentVariables,
65
65
  ...themeSpecificStyle[themeName]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-byline",
3
- "version": "8.17.1-snapshot.82+96244a097",
3
+ "version": "8.18.1-snapshot.1+669aa5892",
4
4
  "description": "A Byline component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,18 +24,18 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.13.10",
27
- "@instructure/emotion": "8.17.1-snapshot.82+96244a097",
28
- "@instructure/shared-types": "8.17.1-snapshot.82+96244a097",
29
- "@instructure/ui-react-utils": "8.17.1-snapshot.82+96244a097",
30
- "@instructure/ui-testable": "8.17.1-snapshot.82+96244a097",
31
- "@instructure/ui-view": "8.17.1-snapshot.82+96244a097",
27
+ "@instructure/emotion": "8.18.1-snapshot.1+669aa5892",
28
+ "@instructure/shared-types": "8.18.1-snapshot.1+669aa5892",
29
+ "@instructure/ui-react-utils": "8.18.1-snapshot.1+669aa5892",
30
+ "@instructure/ui-testable": "8.18.1-snapshot.1+669aa5892",
31
+ "@instructure/ui-view": "8.18.1-snapshot.1+669aa5892",
32
32
  "prop-types": "^15"
33
33
  },
34
34
  "devDependencies": {
35
- "@instructure/ui-babel-preset": "8.17.1-snapshot.82+96244a097",
36
- "@instructure/ui-color-utils": "8.17.1-snapshot.82+96244a097",
37
- "@instructure/ui-test-utils": "8.17.1-snapshot.82+96244a097",
38
- "@instructure/ui-themes": "8.17.1-snapshot.82+96244a097"
35
+ "@instructure/ui-babel-preset": "8.18.1-snapshot.1+669aa5892",
36
+ "@instructure/ui-color-utils": "8.18.1-snapshot.1+669aa5892",
37
+ "@instructure/ui-test-utils": "8.18.1-snapshot.1+669aa5892",
38
+ "@instructure/ui-themes": "8.18.1-snapshot.1+669aa5892"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "react": ">=16.8 <=17"
@@ -44,5 +44,5 @@
44
44
  "access": "public"
45
45
  },
46
46
  "sideEffects": false,
47
- "gitHead": "96244a097dffef5f10bbe7979c580581c787083e"
47
+ "gitHead": "669aa58926b123028bcb9e39427d36910b78b0d1"
48
48
  }