@instructure/ui-flex 11.7.8 → 11.7.9-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 +8 -0
  2. package/lib/Flex/v1/Item/index.js +2 -2
  3. package/lib/Flex/v1/index.js +4 -7
  4. package/lib/Flex/v2/Item/index.js +2 -2
  5. package/lib/Flex/v2/index.js +4 -7
  6. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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
+ ## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-flex
9
+
10
+
11
+
12
+
13
+
6
14
  ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
7
15
 
8
16
  **Note:** Version bump only for package @instructure/ui-flex
package/lib/Flex/v1/Item/index.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.Item = void 0;
8
8
  var _react = require("react");
9
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
9
+ var _uiReactUtils = require("@instructure/ui-react-utils");
10
10
  var _v11_ = require("@instructure/ui-view/v11_6");
11
11
  var _emotion = require("@instructure/emotion");
12
12
  var _styles = _interopRequireDefault(require("./styles.js"));
@@ -68,7 +68,7 @@ let Item = exports.Item = (_dec = (0, _emotion.withStyle)(_styles.default, null)
68
68
  }
69
69
  };
70
70
  render() {
71
- const props = (0, _omitProps.omitProps)(this.props, Item.allowedProps);
71
+ const props = (0, _uiReactUtils.omitProps)(this.props, Item.allowedProps);
72
72
  const {
73
73
  as,
74
74
  children,
package/lib/Flex/v1/index.js CHANGED
@@ -13,10 +13,7 @@ Object.defineProperty(exports, "FlexItem", {
13
13
  });
14
14
  exports.default = void 0;
15
15
  var _react = require("react");
16
- var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
17
- var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
18
- var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
19
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
16
+ var _uiReactUtils = require("@instructure/ui-react-utils");
20
17
  var _v11_ = require("@instructure/ui-view/v11_6");
21
18
  var _emotion = require("@instructure/emotion");
22
19
  var _index = require("./Item/index.js");
@@ -90,7 +87,7 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _them
90
87
  if (!child) {
91
88
  return null;
92
89
  }
93
- return (0, _matchComponentTypes.matchComponentTypes)(child, ['Item']) ? (0, _safeCloneElement.safeCloneElement)(child, {
90
+ return (0, _uiReactUtils.matchComponentTypes)(child, ['Item']) ? (0, _uiReactUtils.safeCloneElement)(child, {
94
91
  // child withVisualDebug prop should override parent
95
92
  withVisualDebug: this.props.withVisualDebug,
96
93
  ...child.props,
@@ -112,12 +109,12 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _them
112
109
  gap,
113
110
  wrap
114
111
  } = this.props;
115
- const children = (0, _callRenderProp.callRenderProp)(this.props.children);
112
+ const children = (0, _uiReactUtils.callRenderProp)(this.props.children);
116
113
  const gapValuesArray = gap?.split(' ');
117
114
  if (gapValuesArray.length > 1 && wrap === 'no-wrap') {}
118
115
  if (children && _react.Children.count(children) > 0) {
119
116
  return (0, _jsxRuntime.jsx)(_v11_.View, {
120
- ...(0, _passthroughProps.passthroughProps)(this.props),
117
+ ...(0, _uiReactUtils.passthroughProps)(this.props),
121
118
  css: styles?.flex,
122
119
  elementRef: this.handleRef,
123
120
  as: as,
package/lib/Flex/v2/Item/index.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.Item = void 0;
8
8
  var _react = require("react");
9
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
9
+ var _uiReactUtils = require("@instructure/ui-react-utils");
10
10
  var _latest = require("@instructure/ui-view/latest");
11
11
  var _emotion = require("@instructure/emotion");
12
12
  var _styles = _interopRequireDefault(require("./styles.js"));
@@ -68,7 +68,7 @@ let Item = exports.Item = (_dec = (0, _emotion.withStyle)(_styles.default, null)
68
68
  }
69
69
  };
70
70
  render() {
71
- const props = (0, _omitProps.omitProps)(this.props, Item.allowedProps);
71
+ const props = (0, _uiReactUtils.omitProps)(this.props, Item.allowedProps);
72
72
  const {
73
73
  as,
74
74
  children,
package/lib/Flex/v2/index.js CHANGED
@@ -13,10 +13,7 @@ Object.defineProperty(exports, "FlexItem", {
13
13
  });
14
14
  exports.default = void 0;
15
15
  var _react = require("react");
16
- var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
17
- var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
18
- var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
19
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
16
+ var _uiReactUtils = require("@instructure/ui-react-utils");
20
17
  var _latest = require("@instructure/ui-view/latest");
21
18
  var _emotion = require("@instructure/emotion");
22
19
  var _index = require("./Item/index.js");
@@ -89,7 +86,7 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
89
86
  if (!child) {
90
87
  return null;
91
88
  }
92
- return (0, _matchComponentTypes.matchComponentTypes)(child, ['Item']) ? (0, _safeCloneElement.safeCloneElement)(child, {
89
+ return (0, _uiReactUtils.matchComponentTypes)(child, ['Item']) ? (0, _uiReactUtils.safeCloneElement)(child, {
93
90
  // child withVisualDebug prop should override parent
94
91
  withVisualDebug: this.props.withVisualDebug,
95
92
  ...child.props,
@@ -111,12 +108,12 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
111
108
  gap,
112
109
  wrap
113
110
  } = this.props;
114
- const children = (0, _callRenderProp.callRenderProp)(this.props.children);
111
+ const children = (0, _uiReactUtils.callRenderProp)(this.props.children);
115
112
  const gapValuesArray = gap?.split(' ');
116
113
  if (gapValuesArray.length > 1 && wrap === 'no-wrap') {}
117
114
  if (children && _react.Children.count(children) > 0) {
118
115
  return (0, _jsxRuntime.jsx)(_latest.View, {
119
- ...(0, _passthroughProps.passthroughProps)(this.props),
116
+ ...(0, _uiReactUtils.passthroughProps)(this.props),
120
117
  css: styles?.flex,
121
118
  elementRef: this.handleRef,
122
119
  as: as,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-flex",
3
- "version": "11.7.8",
3
+ "version": "11.7.9-snapshot-1",
4
4
  "description": "A component that makes it easy to align content using flexbox CSS",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,17 +15,17 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
- "@instructure/console": "11.7.8",
19
- "@instructure/emotion": "11.7.8",
20
- "@instructure/ui-react-utils": "11.7.8",
21
- "@instructure/ui-themes": "11.7.8",
22
- "@instructure/shared-types": "11.7.8",
23
- "@instructure/ui-view": "11.7.8"
18
+ "@instructure/console": "11.7.9-snapshot-1",
19
+ "@instructure/emotion": "11.7.9-snapshot-1",
20
+ "@instructure/shared-types": "11.7.9-snapshot-1",
21
+ "@instructure/ui-themes": "11.7.9-snapshot-1",
22
+ "@instructure/ui-react-utils": "11.7.9-snapshot-1",
23
+ "@instructure/ui-view": "11.7.9-snapshot-1"
24
24
  },
25
25
  "devDependencies": {
26
26
  "vitest": "^5.0.0",
27
- "@instructure/ui-babel-preset": "11.7.8",
28
- "@instructure/ui-axe-check": "11.7.8"
27
+ "@instructure/ui-axe-check": "11.7.9-snapshot-1",
28
+ "@instructure/ui-babel-preset": "11.7.9-snapshot-1"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "react": ">=18 <=19"