@instructure/ui-breadcrumb 8.17.1-snapshot.81 → 8.18.1-snapshot.0

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/Breadcrumb/index.js +12 -8
  3. package/es/Breadcrumb/theme.js +5 -5
  4. package/lib/Breadcrumb/index.js +12 -8
  5. package/lib/Breadcrumb/theme.js +5 -5
  6. package/package.json +16 -16
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-breadcrumb
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/Breadcrumb/index.js CHANGED
@@ -52,28 +52,32 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
52
52
  }
53
53
 
54
54
  componentDidMount() {
55
- this.props.makeStyles?.();
55
+ var _this$props$makeStyle, _this$props;
56
+
57
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
56
58
  }
57
59
 
58
60
  componentDidUpdate() {
59
- this.props.makeStyles?.();
61
+ var _this$props$makeStyle2, _this$props2;
62
+
63
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
60
64
  }
61
65
 
62
66
  renderChildren() {
63
- const _this$props = this.props,
64
- styles = _this$props.styles,
65
- children = _this$props.children;
67
+ const _this$props3 = this.props,
68
+ styles = _this$props3.styles,
69
+ children = _this$props3.children;
66
70
  const numChildren = React.Children.count(children);
67
71
  const inlineStyle = {
68
72
  maxWidth: `${Math.floor(100 / numChildren)}%`
69
73
  };
70
74
  return React.Children.map(children, (child, index) => {
71
75
  return jsx("li", {
72
- css: styles?.crumb,
76
+ css: styles === null || styles === void 0 ? void 0 : styles.crumb,
73
77
  style: inlineStyle
74
78
  }, child, index < numChildren - 1 && jsx(IconArrowOpenEndSolid, {
75
79
  color: "auto",
76
- css: styles?.separator
80
+ css: styles === null || styles === void 0 ? void 0 : styles.separator
77
81
  }));
78
82
  });
79
83
  }
@@ -87,7 +91,7 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
87
91
  "aria-label": this.props.label,
88
92
  elementRef: this.handleRef
89
93
  }, jsx("ol", {
90
- css: styles?.breadcrumb
94
+ css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb
91
95
  }, this.renderChildren()));
92
96
  }
93
97
 
package/es/Breadcrumb/theme.js CHANGED
@@ -31,14 +31,14 @@ const generateComponentTheme = theme => {
31
31
  const colors = theme.colors,
32
32
  typography = theme.typography;
33
33
  const componentVariables = {
34
- fontFamily: typography?.fontFamily,
35
- separatorColor: colors?.borderDark,
34
+ fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
35
+ separatorColor: colors === null || colors === void 0 ? void 0 : colors.borderDark,
36
36
  smallSeparatorFontSize: '0.5rem',
37
- smallFontSize: typography?.fontSizeSmall,
37
+ smallFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
38
38
  mediumSeparatorFontSize: '0.75rem',
39
- mediumFontSize: typography?.fontSizeMedium,
39
+ mediumFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
40
40
  largeSeparatorFontSize: '1rem',
41
- largeFontSize: typography?.fontSizeLarge
41
+ largeFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge
42
42
  };
43
43
  return { ...componentVariables
44
44
  };
package/lib/Breadcrumb/index.js CHANGED
@@ -53,17 +53,21 @@ let Breadcrumb = (_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
  renderChildren() {
64
- const _this$props = this.props,
65
- styles = _this$props.styles,
66
- children = _this$props.children;
68
+ const _this$props3 = this.props,
69
+ styles = _this$props3.styles,
70
+ children = _this$props3.children;
67
71
 
68
72
  const numChildren = _react.default.Children.count(children);
69
73
 
@@ -72,11 +76,11 @@ let Breadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
72
76
  };
73
77
  return _react.default.Children.map(children, (child, index) => {
74
78
  return (0, _emotion.jsx)("li", {
75
- css: styles?.crumb,
79
+ css: styles === null || styles === void 0 ? void 0 : styles.crumb,
76
80
  style: inlineStyle
77
81
  }, child, index < numChildren - 1 && (0, _emotion.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {
78
82
  color: "auto",
79
- css: styles?.separator
83
+ css: styles === null || styles === void 0 ? void 0 : styles.separator
80
84
  }));
81
85
  });
82
86
  }
@@ -90,7 +94,7 @@ let Breadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
90
94
  "aria-label": this.props.label,
91
95
  elementRef: this.handleRef
92
96
  }, (0, _emotion.jsx)("ol", {
93
- css: styles?.breadcrumb
97
+ css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb
94
98
  }, this.renderChildren()));
95
99
  }
96
100
 
package/lib/Breadcrumb/theme.js CHANGED
@@ -38,14 +38,14 @@ const generateComponentTheme = theme => {
38
38
  const colors = theme.colors,
39
39
  typography = theme.typography;
40
40
  const componentVariables = {
41
- fontFamily: typography?.fontFamily,
42
- separatorColor: colors?.borderDark,
41
+ fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
42
+ separatorColor: colors === null || colors === void 0 ? void 0 : colors.borderDark,
43
43
  smallSeparatorFontSize: '0.5rem',
44
- smallFontSize: typography?.fontSizeSmall,
44
+ smallFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
45
45
  mediumSeparatorFontSize: '0.75rem',
46
- mediumFontSize: typography?.fontSizeMedium,
46
+ mediumFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
47
47
  largeSeparatorFontSize: '1rem',
48
- largeFontSize: typography?.fontSizeLarge
48
+ largeFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge
49
49
  };
50
50
  return { ...componentVariables
51
51
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-breadcrumb",
3
- "version": "8.17.1-snapshot.81+b39b60872",
3
+ "version": "8.18.1-snapshot.0+435c9ae79",
4
4
  "description": "A breadcrumb component",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,23 +23,23 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.17.1-snapshot.81+b39b60872",
27
- "@instructure/ui-test-locator": "8.17.1-snapshot.81+b39b60872",
28
- "@instructure/ui-test-utils": "8.17.1-snapshot.81+b39b60872",
29
- "@instructure/ui-themes": "8.17.1-snapshot.81+b39b60872"
26
+ "@instructure/ui-babel-preset": "8.18.1-snapshot.0+435c9ae79",
27
+ "@instructure/ui-test-locator": "8.18.1-snapshot.0+435c9ae79",
28
+ "@instructure/ui-test-utils": "8.18.1-snapshot.0+435c9ae79",
29
+ "@instructure/ui-themes": "8.18.1-snapshot.0+435c9ae79"
30
30
  },
31
31
  "dependencies": {
32
32
  "@babel/runtime": "^7.13.10",
33
- "@instructure/emotion": "8.17.1-snapshot.81+b39b60872",
34
- "@instructure/shared-types": "8.17.1-snapshot.81+b39b60872",
35
- "@instructure/ui-icons": "8.17.1-snapshot.81+b39b60872",
36
- "@instructure/ui-link": "8.17.1-snapshot.81+b39b60872",
37
- "@instructure/ui-prop-types": "8.17.1-snapshot.81+b39b60872",
38
- "@instructure/ui-react-utils": "8.17.1-snapshot.81+b39b60872",
39
- "@instructure/ui-testable": "8.17.1-snapshot.81+b39b60872",
40
- "@instructure/ui-truncate-text": "8.17.1-snapshot.81+b39b60872",
41
- "@instructure/ui-utils": "8.17.1-snapshot.81+b39b60872",
42
- "@instructure/ui-view": "8.17.1-snapshot.81+b39b60872",
33
+ "@instructure/emotion": "8.18.1-snapshot.0+435c9ae79",
34
+ "@instructure/shared-types": "8.18.1-snapshot.0+435c9ae79",
35
+ "@instructure/ui-icons": "8.18.1-snapshot.0+435c9ae79",
36
+ "@instructure/ui-link": "8.18.1-snapshot.0+435c9ae79",
37
+ "@instructure/ui-prop-types": "8.18.1-snapshot.0+435c9ae79",
38
+ "@instructure/ui-react-utils": "8.18.1-snapshot.0+435c9ae79",
39
+ "@instructure/ui-testable": "8.18.1-snapshot.0+435c9ae79",
40
+ "@instructure/ui-truncate-text": "8.18.1-snapshot.0+435c9ae79",
41
+ "@instructure/ui-utils": "8.18.1-snapshot.0+435c9ae79",
42
+ "@instructure/ui-view": "8.18.1-snapshot.0+435c9ae79",
43
43
  "prop-types": "^15"
44
44
  },
45
45
  "peerDependencies": {
@@ -49,5 +49,5 @@
49
49
  "access": "public"
50
50
  },
51
51
  "sideEffects": false,
52
- "gitHead": "b39b60872cb51a5e9ba26221adceec498d4ce2fb"
52
+ "gitHead": "435c9ae794c15e2bd103f700f8c4e946d91c1b59"
53
53
  }