@instructure/ui-heading 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/Heading/index.js +18 -12
  3. package/es/Heading/theme.js +31 -31
  4. package/lib/Heading/index.js +18 -12
  5. package/lib/Heading/theme.js +31 -31
  6. package/package.json +13 -13
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-heading
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/Heading/index.js CHANGED
@@ -59,23 +59,29 @@ let Heading = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
59
59
  }
60
60
 
61
61
  componentDidMount() {
62
- this.props.makeStyles?.();
62
+ var _this$props$makeStyle, _this$props;
63
+
64
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
63
65
  }
64
66
 
65
67
  componentDidUpdate() {
66
- this.props.makeStyles?.();
68
+ var _this$props$makeStyle2, _this$props2;
69
+
70
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
67
71
  }
68
72
 
69
73
  render() {
70
- const _this$props = this.props,
71
- border = _this$props.border,
72
- children = _this$props.children,
73
- color = _this$props.color,
74
- level = _this$props.level,
75
- margin = _this$props.margin,
76
- elementRef = _this$props.elementRef,
77
- makeStyles = _this$props.makeStyles,
78
- props = _objectWithoutProperties(_this$props, _excluded);
74
+ var _this$props$styles;
75
+
76
+ const _this$props3 = this.props,
77
+ border = _this$props3.border,
78
+ children = _this$props3.children,
79
+ color = _this$props3.color,
80
+ level = _this$props3.level,
81
+ margin = _this$props3.margin,
82
+ elementRef = _this$props3.elementRef,
83
+ makeStyles = _this$props3.makeStyles,
84
+ props = _objectWithoutProperties(_this$props3, _excluded);
79
85
 
80
86
  const ElementType = getElementType(Heading, this.props, () => {
81
87
  if (level === 'reset') {
@@ -85,7 +91,7 @@ let Heading = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
85
91
  }
86
92
  });
87
93
  return jsx(View, Object.assign({}, passthroughProps(props), {
88
- css: this.props.styles?.heading,
94
+ css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.heading,
89
95
  as: ElementType,
90
96
  elementRef: this.handleRef,
91
97
  margin: margin
package/es/Heading/theme.js CHANGED
@@ -38,41 +38,41 @@ const generateComponentTheme = theme => {
38
38
  primaryColor: theme['ic-brand-font-color-dark']
39
39
  },
40
40
  instructure: {
41
- h1FontFamily: typography?.fontFamilyHeading,
42
- h2FontFamily: typography?.fontFamilyHeading,
43
- h3FontWeight: typography?.fontWeightBold,
41
+ h1FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamilyHeading,
42
+ h2FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamilyHeading,
43
+ h3FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
44
44
  h3FontSize: '2.125rem',
45
- h4FontWeight: typography?.fontWeightBold,
46
- h4FontSize: typography?.fontSizeLarge,
47
- h5FontWeight: typography?.fontWeightBold,
48
- h5FontSize: typography?.fontSizeMedium
45
+ h4FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
46
+ h4FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge,
47
+ h5FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
48
+ h5FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium
49
49
  }
50
50
  };
51
51
  const componentVariables = {
52
- lineHeight: typography?.lineHeightFit,
53
- h1FontSize: typography?.fontSizeXXLarge,
54
- h1FontWeight: typography?.fontWeightLight,
55
- h1FontFamily: typography?.fontFamily,
56
- h2FontSize: typography?.fontSizeXLarge,
57
- h2FontWeight: typography?.fontWeightNormal,
58
- h2FontFamily: typography?.fontFamily,
59
- h3FontSize: typography?.fontSizeLarge,
60
- h3FontWeight: typography?.fontWeightBold,
61
- h3FontFamily: typography?.fontFamily,
62
- h4FontSize: typography?.fontSizeMedium,
63
- h4FontWeight: typography?.fontWeightBold,
64
- h4FontFamily: typography?.fontFamily,
65
- h5FontSize: typography?.fontSizeSmall,
66
- h5FontWeight: typography?.fontWeightNormal,
67
- h5FontFamily: typography?.fontFamily,
68
- primaryInverseColor: colors?.textLightest,
69
- primaryColor: colors?.textDarkest,
70
- secondaryColor: colors?.textDark,
71
- secondaryInverseColor: colors?.textLight,
72
- borderPadding: spacing?.xxxSmall,
73
- borderColor: colors?.borderMedium,
74
- borderWidth: borders?.widthSmall,
75
- borderStyle: borders?.style
52
+ lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightFit,
53
+ h1FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXXLarge,
54
+ h1FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightLight,
55
+ h1FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
56
+ h2FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXLarge,
57
+ h2FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
58
+ h2FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
59
+ h3FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge,
60
+ h3FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
61
+ h3FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
62
+ h4FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
63
+ h4FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
64
+ h4FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
65
+ h5FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
66
+ h5FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
67
+ h5FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
68
+ primaryInverseColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
69
+ primaryColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
70
+ secondaryColor: colors === null || colors === void 0 ? void 0 : colors.textDark,
71
+ secondaryInverseColor: colors === null || colors === void 0 ? void 0 : colors.textLight,
72
+ borderPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xxxSmall,
73
+ borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
74
+ borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
75
+ borderStyle: borders === null || borders === void 0 ? void 0 : borders.style
76
76
  };
77
77
  return { ...componentVariables,
78
78
  ...themeSpecificStyle[themeName]
package/lib/Heading/index.js CHANGED
@@ -53,23 +53,29 @@ let Heading = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
53
53
  }
54
54
 
55
55
  componentDidMount() {
56
- this.props.makeStyles?.();
56
+ var _this$props$makeStyle, _this$props;
57
+
58
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
57
59
  }
58
60
 
59
61
  componentDidUpdate() {
60
- this.props.makeStyles?.();
62
+ var _this$props$makeStyle2, _this$props2;
63
+
64
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
61
65
  }
62
66
 
63
67
  render() {
64
- const _this$props = this.props,
65
- border = _this$props.border,
66
- children = _this$props.children,
67
- color = _this$props.color,
68
- level = _this$props.level,
69
- margin = _this$props.margin,
70
- elementRef = _this$props.elementRef,
71
- makeStyles = _this$props.makeStyles,
72
- props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
68
+ var _this$props$styles;
69
+
70
+ const _this$props3 = this.props,
71
+ border = _this$props3.border,
72
+ children = _this$props3.children,
73
+ color = _this$props3.color,
74
+ level = _this$props3.level,
75
+ margin = _this$props3.margin,
76
+ elementRef = _this$props3.elementRef,
77
+ makeStyles = _this$props3.makeStyles,
78
+ props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
73
79
  const ElementType = (0, _getElementType.getElementType)(Heading, this.props, () => {
74
80
  if (level === 'reset') {
75
81
  return 'span';
@@ -78,7 +84,7 @@ let Heading = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
78
84
  }
79
85
  });
80
86
  return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
81
- css: this.props.styles?.heading,
87
+ css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.heading,
82
88
  as: ElementType,
83
89
  elementRef: this.handleRef,
84
90
  margin: margin
package/lib/Heading/theme.js CHANGED
@@ -45,41 +45,41 @@ const generateComponentTheme = theme => {
45
45
  primaryColor: theme['ic-brand-font-color-dark']
46
46
  },
47
47
  instructure: {
48
- h1FontFamily: typography?.fontFamilyHeading,
49
- h2FontFamily: typography?.fontFamilyHeading,
50
- h3FontWeight: typography?.fontWeightBold,
48
+ h1FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamilyHeading,
49
+ h2FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamilyHeading,
50
+ h3FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
51
51
  h3FontSize: '2.125rem',
52
- h4FontWeight: typography?.fontWeightBold,
53
- h4FontSize: typography?.fontSizeLarge,
54
- h5FontWeight: typography?.fontWeightBold,
55
- h5FontSize: typography?.fontSizeMedium
52
+ h4FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
53
+ h4FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge,
54
+ h5FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
55
+ h5FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium
56
56
  }
57
57
  };
58
58
  const componentVariables = {
59
- lineHeight: typography?.lineHeightFit,
60
- h1FontSize: typography?.fontSizeXXLarge,
61
- h1FontWeight: typography?.fontWeightLight,
62
- h1FontFamily: typography?.fontFamily,
63
- h2FontSize: typography?.fontSizeXLarge,
64
- h2FontWeight: typography?.fontWeightNormal,
65
- h2FontFamily: typography?.fontFamily,
66
- h3FontSize: typography?.fontSizeLarge,
67
- h3FontWeight: typography?.fontWeightBold,
68
- h3FontFamily: typography?.fontFamily,
69
- h4FontSize: typography?.fontSizeMedium,
70
- h4FontWeight: typography?.fontWeightBold,
71
- h4FontFamily: typography?.fontFamily,
72
- h5FontSize: typography?.fontSizeSmall,
73
- h5FontWeight: typography?.fontWeightNormal,
74
- h5FontFamily: typography?.fontFamily,
75
- primaryInverseColor: colors?.textLightest,
76
- primaryColor: colors?.textDarkest,
77
- secondaryColor: colors?.textDark,
78
- secondaryInverseColor: colors?.textLight,
79
- borderPadding: spacing?.xxxSmall,
80
- borderColor: colors?.borderMedium,
81
- borderWidth: borders?.widthSmall,
82
- borderStyle: borders?.style
59
+ lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightFit,
60
+ h1FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXXLarge,
61
+ h1FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightLight,
62
+ h1FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
63
+ h2FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXLarge,
64
+ h2FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
65
+ h2FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
66
+ h3FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge,
67
+ h3FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
68
+ h3FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
69
+ h4FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
70
+ h4FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
71
+ h4FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
72
+ h5FontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
73
+ h5FontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
74
+ h5FontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
75
+ primaryInverseColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
76
+ primaryColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
77
+ secondaryColor: colors === null || colors === void 0 ? void 0 : colors.textDark,
78
+ secondaryInverseColor: colors === null || colors === void 0 ? void 0 : colors.textLight,
79
+ borderPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xxxSmall,
80
+ borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
81
+ borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
82
+ borderStyle: borders === null || borders === void 0 ? void 0 : borders.style
83
83
  };
84
84
  return { ...componentVariables,
85
85
  ...themeSpecificStyle[themeName]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-heading",
3
- "version": "8.17.1-snapshot.82+96244a097",
3
+ "version": "8.18.1-snapshot.1+669aa5892",
4
4
  "description": "A component for creating typographic headings",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,20 +24,20 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.13.10",
27
- "@instructure/console": "8.17.1-snapshot.82+96244a097",
28
- "@instructure/emotion": "8.17.1-snapshot.82+96244a097",
29
- "@instructure/shared-types": "8.17.1-snapshot.82+96244a097",
30
- "@instructure/ui-prop-types": "8.17.1-snapshot.82+96244a097",
31
- "@instructure/ui-react-utils": "8.17.1-snapshot.82+96244a097",
32
- "@instructure/ui-testable": "8.17.1-snapshot.82+96244a097",
33
- "@instructure/ui-view": "8.17.1-snapshot.82+96244a097",
27
+ "@instructure/console": "8.18.1-snapshot.1+669aa5892",
28
+ "@instructure/emotion": "8.18.1-snapshot.1+669aa5892",
29
+ "@instructure/shared-types": "8.18.1-snapshot.1+669aa5892",
30
+ "@instructure/ui-prop-types": "8.18.1-snapshot.1+669aa5892",
31
+ "@instructure/ui-react-utils": "8.18.1-snapshot.1+669aa5892",
32
+ "@instructure/ui-testable": "8.18.1-snapshot.1+669aa5892",
33
+ "@instructure/ui-view": "8.18.1-snapshot.1+669aa5892",
34
34
  "prop-types": "^15"
35
35
  },
36
36
  "devDependencies": {
37
- "@instructure/ui-babel-preset": "8.17.1-snapshot.82+96244a097",
38
- "@instructure/ui-test-locator": "8.17.1-snapshot.82+96244a097",
39
- "@instructure/ui-test-utils": "8.17.1-snapshot.82+96244a097",
40
- "@instructure/ui-themes": "8.17.1-snapshot.82+96244a097"
37
+ "@instructure/ui-babel-preset": "8.18.1-snapshot.1+669aa5892",
38
+ "@instructure/ui-test-locator": "8.18.1-snapshot.1+669aa5892",
39
+ "@instructure/ui-test-utils": "8.18.1-snapshot.1+669aa5892",
40
+ "@instructure/ui-themes": "8.18.1-snapshot.1+669aa5892"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": ">=16.8 <=17"
@@ -46,5 +46,5 @@
46
46
  "access": "public"
47
47
  },
48
48
  "sideEffects": false,
49
- "gitHead": "96244a097dffef5f10bbe7979c580581c787083e"
49
+ "gitHead": "669aa58926b123028bcb9e39427d36910b78b0d1"
50
50
  }