@instructure/ui-grid 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 (14) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/es/Grid/index.js +14 -10
  3. package/es/Grid/theme.js +3 -3
  4. package/es/GridCol/index.js +10 -6
  5. package/es/GridCol/theme.js +3 -3
  6. package/es/GridRow/index.js +14 -10
  7. package/es/GridRow/theme.js +3 -3
  8. package/lib/Grid/index.js +14 -10
  9. package/lib/Grid/theme.js +3 -3
  10. package/lib/GridCol/index.js +10 -6
  11. package/lib/GridCol/theme.js +3 -3
  12. package/lib/GridRow/index.js +14 -10
  13. package/lib/GridRow/theme.js +3 -3
  14. 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-grid
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/Grid/index.js CHANGED
@@ -55,18 +55,22 @@ let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
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
  renderChildren() {
66
- const _this$props = this.props,
67
- styles = _this$props.styles,
68
- makeStyles = _this$props.makeStyles,
69
- props = _objectWithoutProperties(_this$props, _excluded);
70
+ const _this$props3 = this.props,
71
+ styles = _this$props3.styles,
72
+ makeStyles = _this$props3.makeStyles,
73
+ props = _objectWithoutProperties(_this$props3, _excluded);
70
74
 
71
75
  const children = Children.toArray(this.props.children);
72
76
  return children.map((child, index) => {
@@ -84,13 +88,13 @@ let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
84
88
  }
85
89
 
86
90
  render() {
87
- const _this$props2 = this.props,
88
- styles = _this$props2.styles,
89
- restProps = _objectWithoutProperties(_this$props2, _excluded2);
91
+ const _this$props4 = this.props,
92
+ styles = _this$props4.styles,
93
+ restProps = _objectWithoutProperties(_this$props4, _excluded2);
90
94
 
91
95
  const props = omitProps(restProps, Grid.allowedProps);
92
96
  return jsx("span", Object.assign({}, props, {
93
- css: styles?.grid,
97
+ css: styles === null || styles === void 0 ? void 0 : styles.grid,
94
98
  ref: this.handleRef
95
99
  }), this.renderChildren());
96
100
  }
package/es/Grid/theme.js CHANGED
@@ -31,9 +31,9 @@ const generateComponentTheme = theme => {
31
31
  const spacing = theme.spacing,
32
32
  media = theme.media;
33
33
  const componentVariables = {
34
- spacingSmall: spacing?.small,
35
- spacingMedium: spacing?.medium,
36
- spacingLarge: spacing?.large,
34
+ spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
35
+ spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
36
+ spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
37
37
  ...media
38
38
  };
39
39
  return { ...componentVariables
package/es/GridCol/index.js CHANGED
@@ -55,21 +55,25 @@ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
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() {
66
- const _this$props = this.props,
67
- children = _this$props.children,
68
- styles = _this$props.styles;
70
+ const _this$props3 = this.props,
71
+ children = _this$props3.children,
72
+ styles = _this$props3.styles;
69
73
  const props = omitProps(this.props, GridCol.allowedProps);
70
74
  return jsx("span", Object.assign({}, props, {
71
75
  ref: this.handleRef,
72
- css: styles?.gridCol
76
+ css: styles === null || styles === void 0 ? void 0 : styles.gridCol
73
77
  }), children);
74
78
  }
75
79
 
package/es/GridCol/theme.js CHANGED
@@ -31,9 +31,9 @@ const generateComponentTheme = theme => {
31
31
  const spacing = theme.spacing,
32
32
  media = theme.media;
33
33
  const componentVariables = {
34
- spacingSmall: spacing?.small,
35
- spacingMedium: spacing?.medium,
36
- spacingLarge: spacing?.large,
34
+ spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
35
+ spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
36
+ spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
37
37
  ...media
38
38
  };
39
39
  return { ...componentVariables
package/es/GridRow/index.js CHANGED
@@ -55,18 +55,22 @@ let GridRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
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
  renderChildren() {
66
- const _this$props = this.props,
67
- styles = _this$props.styles,
68
- makeStyles = _this$props.makeStyles,
69
- props = _objectWithoutProperties(_this$props, _excluded);
70
+ const _this$props3 = this.props,
71
+ styles = _this$props3.styles,
72
+ makeStyles = _this$props3.makeStyles,
73
+ props = _objectWithoutProperties(_this$props3, _excluded);
70
74
 
71
75
  return Children.map(this.props.children, (child, index) => {
72
76
  if (matchComponentTypes(child, [GridCol])) {
@@ -84,13 +88,13 @@ let GridRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
84
88
  }
85
89
 
86
90
  render() {
87
- const _this$props2 = this.props,
88
- styles = _this$props2.styles,
89
- restProps = _objectWithoutProperties(_this$props2, _excluded2);
91
+ const _this$props4 = this.props,
92
+ styles = _this$props4.styles,
93
+ restProps = _objectWithoutProperties(_this$props4, _excluded2);
90
94
 
91
95
  const props = omitProps(restProps, GridRow.allowedProps);
92
96
  return jsx("span", Object.assign({}, props, {
93
- css: styles?.gridRow,
97
+ css: styles === null || styles === void 0 ? void 0 : styles.gridRow,
94
98
  ref: this.handleRef
95
99
  }), this.renderChildren());
96
100
  }
package/es/GridRow/theme.js CHANGED
@@ -31,9 +31,9 @@ const generateComponentTheme = theme => {
31
31
  const spacing = theme.spacing,
32
32
  media = theme.media;
33
33
  const componentVariables = {
34
- spacingSmall: spacing?.small,
35
- spacingMedium: spacing?.medium,
36
- spacingLarge: spacing?.large,
34
+ spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
35
+ spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
36
+ spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
37
37
  ...media
38
38
  };
39
39
  return { ...componentVariables
package/lib/Grid/index.js CHANGED
@@ -68,18 +68,22 @@ let Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
68
68
  }
69
69
 
70
70
  componentDidMount() {
71
- this.props.makeStyles?.();
71
+ var _this$props$makeStyle, _this$props;
72
+
73
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
72
74
  }
73
75
 
74
76
  componentDidUpdate() {
75
- this.props.makeStyles?.();
77
+ var _this$props$makeStyle2, _this$props2;
78
+
79
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
76
80
  }
77
81
 
78
82
  renderChildren() {
79
- const _this$props = this.props,
80
- styles = _this$props.styles,
81
- makeStyles = _this$props.makeStyles,
82
- props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
83
+ const _this$props3 = this.props,
84
+ styles = _this$props3.styles,
85
+ makeStyles = _this$props3.makeStyles,
86
+ props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
83
87
 
84
88
  const children = _react.Children.toArray(this.props.children);
85
89
 
@@ -98,12 +102,12 @@ let Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
98
102
  }
99
103
 
100
104
  render() {
101
- const _this$props2 = this.props,
102
- styles = _this$props2.styles,
103
- restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded2);
105
+ const _this$props4 = this.props,
106
+ styles = _this$props4.styles,
107
+ restProps = (0, _objectWithoutProperties2.default)(_this$props4, _excluded2);
104
108
  const props = (0, _omitProps.omitProps)(restProps, Grid.allowedProps);
105
109
  return (0, _emotion.jsx)("span", Object.assign({}, props, {
106
- css: styles?.grid,
110
+ css: styles === null || styles === void 0 ? void 0 : styles.grid,
107
111
  ref: this.handleRef
108
112
  }), this.renderChildren());
109
113
  }
package/lib/Grid/theme.js CHANGED
@@ -38,9 +38,9 @@ const generateComponentTheme = theme => {
38
38
  const spacing = theme.spacing,
39
39
  media = theme.media;
40
40
  const componentVariables = {
41
- spacingSmall: spacing?.small,
42
- spacingMedium: spacing?.medium,
43
- spacingLarge: spacing?.large,
41
+ spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
42
+ spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
43
+ spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
44
44
  ...media
45
45
  };
46
46
  return { ...componentVariables
package/lib/GridCol/index.js CHANGED
@@ -44,21 +44,25 @@ let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
44
44
  }
45
45
 
46
46
  componentDidMount() {
47
- this.props.makeStyles?.();
47
+ var _this$props$makeStyle, _this$props;
48
+
49
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
48
50
  }
49
51
 
50
52
  componentDidUpdate() {
51
- this.props.makeStyles?.();
53
+ var _this$props$makeStyle2, _this$props2;
54
+
55
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
52
56
  }
53
57
 
54
58
  render() {
55
- const _this$props = this.props,
56
- children = _this$props.children,
57
- styles = _this$props.styles;
59
+ const _this$props3 = this.props,
60
+ children = _this$props3.children,
61
+ styles = _this$props3.styles;
58
62
  const props = (0, _omitProps.omitProps)(this.props, GridCol.allowedProps);
59
63
  return (0, _emotion.jsx)("span", Object.assign({}, props, {
60
64
  ref: this.handleRef,
61
- css: styles?.gridCol
65
+ css: styles === null || styles === void 0 ? void 0 : styles.gridCol
62
66
  }), children);
63
67
  }
64
68
 
package/lib/GridCol/theme.js CHANGED
@@ -38,9 +38,9 @@ const generateComponentTheme = theme => {
38
38
  const spacing = theme.spacing,
39
39
  media = theme.media;
40
40
  const componentVariables = {
41
- spacingSmall: spacing?.small,
42
- spacingMedium: spacing?.medium,
43
- spacingLarge: spacing?.large,
41
+ spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
42
+ spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
43
+ spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
44
44
  ...media
45
45
  };
46
46
  return { ...componentVariables
package/lib/GridRow/index.js CHANGED
@@ -54,18 +54,22 @@ let GridRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
54
54
  }
55
55
 
56
56
  componentDidMount() {
57
- this.props.makeStyles?.();
57
+ var _this$props$makeStyle, _this$props;
58
+
59
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
58
60
  }
59
61
 
60
62
  componentDidUpdate() {
61
- this.props.makeStyles?.();
63
+ var _this$props$makeStyle2, _this$props2;
64
+
65
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
62
66
  }
63
67
 
64
68
  renderChildren() {
65
- const _this$props = this.props,
66
- styles = _this$props.styles,
67
- makeStyles = _this$props.makeStyles,
68
- props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
69
+ const _this$props3 = this.props,
70
+ styles = _this$props3.styles,
71
+ makeStyles = _this$props3.makeStyles,
72
+ props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
69
73
  return _react.Children.map(this.props.children, (child, index) => {
70
74
  if ((0, _matchComponentTypes.matchComponentTypes)(child, [_GridCol.GridCol])) {
71
75
  return (0, _safeCloneElement.safeCloneElement)(child, { ...(0, _pickProps.pickProps)(props, GridRow.allowedProps),
@@ -82,12 +86,12 @@ let GridRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
82
86
  }
83
87
 
84
88
  render() {
85
- const _this$props2 = this.props,
86
- styles = _this$props2.styles,
87
- restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded2);
89
+ const _this$props4 = this.props,
90
+ styles = _this$props4.styles,
91
+ restProps = (0, _objectWithoutProperties2.default)(_this$props4, _excluded2);
88
92
  const props = (0, _omitProps.omitProps)(restProps, GridRow.allowedProps);
89
93
  return (0, _emotion.jsx)("span", Object.assign({}, props, {
90
- css: styles?.gridRow,
94
+ css: styles === null || styles === void 0 ? void 0 : styles.gridRow,
91
95
  ref: this.handleRef
92
96
  }), this.renderChildren());
93
97
  }
package/lib/GridRow/theme.js CHANGED
@@ -38,9 +38,9 @@ const generateComponentTheme = theme => {
38
38
  const spacing = theme.spacing,
39
39
  media = theme.media;
40
40
  const componentVariables = {
41
- spacingSmall: spacing?.small,
42
- spacingMedium: spacing?.medium,
43
- spacingLarge: spacing?.large,
41
+ spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
42
+ spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
43
+ spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
44
44
  ...media
45
45
  };
46
46
  return { ...componentVariables
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-grid",
3
- "version": "8.17.1-snapshot.81+b39b60872",
3
+ "version": "8.18.1-snapshot.0+435c9ae79",
4
4
  "description": "A Grid component.",
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/emotion": "8.17.1-snapshot.81+b39b60872",
28
- "@instructure/shared-types": "8.17.1-snapshot.81+b39b60872",
29
- "@instructure/ui-a11y-content": "8.17.1-snapshot.81+b39b60872",
30
- "@instructure/ui-prop-types": "8.17.1-snapshot.81+b39b60872",
31
- "@instructure/ui-react-utils": "8.17.1-snapshot.81+b39b60872",
32
- "@instructure/ui-testable": "8.17.1-snapshot.81+b39b60872",
33
- "@instructure/ui-utils": "8.17.1-snapshot.81+b39b60872",
27
+ "@instructure/emotion": "8.18.1-snapshot.0+435c9ae79",
28
+ "@instructure/shared-types": "8.18.1-snapshot.0+435c9ae79",
29
+ "@instructure/ui-a11y-content": "8.18.1-snapshot.0+435c9ae79",
30
+ "@instructure/ui-prop-types": "8.18.1-snapshot.0+435c9ae79",
31
+ "@instructure/ui-react-utils": "8.18.1-snapshot.0+435c9ae79",
32
+ "@instructure/ui-testable": "8.18.1-snapshot.0+435c9ae79",
33
+ "@instructure/ui-utils": "8.18.1-snapshot.0+435c9ae79",
34
34
  "prop-types": "^15"
35
35
  },
36
36
  "devDependencies": {
37
- "@instructure/ui-babel-preset": "8.17.1-snapshot.81+b39b60872",
38
- "@instructure/ui-color-utils": "8.17.1-snapshot.81+b39b60872",
39
- "@instructure/ui-test-utils": "8.17.1-snapshot.81+b39b60872",
40
- "@instructure/ui-themes": "8.17.1-snapshot.81+b39b60872"
37
+ "@instructure/ui-babel-preset": "8.18.1-snapshot.0+435c9ae79",
38
+ "@instructure/ui-color-utils": "8.18.1-snapshot.0+435c9ae79",
39
+ "@instructure/ui-test-utils": "8.18.1-snapshot.0+435c9ae79",
40
+ "@instructure/ui-themes": "8.18.1-snapshot.0+435c9ae79"
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": "b39b60872cb51a5e9ba26221adceec498d4ce2fb"
49
+ "gitHead": "435c9ae794c15e2bd103f700f8c4e946d91c1b59"
50
50
  }