@instructure/ui-flex 8.10.3-snapshot.3 → 8.11.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 (17) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/es/Flex/Item/index.js +17 -15
  3. package/es/Flex/index.js +15 -13
  4. package/lib/Flex/Item/index.js +17 -15
  5. package/lib/Flex/index.js +15 -13
  6. package/package.json +10 -10
  7. package/src/Flex/Item/index.tsx +6 -1
  8. package/src/Flex/Item/props.ts +8 -2
  9. package/src/Flex/index.tsx +6 -1
  10. package/src/Flex/props.ts +5 -2
  11. package/types/Flex/Item/index.d.ts.map +1 -1
  12. package/types/Flex/Item/props.d.ts +2 -2
  13. package/types/Flex/Item/props.d.ts.map +1 -1
  14. package/types/Flex/index.d.ts +12 -2
  15. package/types/Flex/index.d.ts.map +1 -1
  16. package/types/Flex/props.d.ts +2 -2
  17. package/types/Flex/props.d.ts.map +1 -1
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.11.0](https://github.com/instructure/instructure-ui/compare/v8.10.2...v8.11.0) (2021-10-15)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-flex
9
+
6
10
  ## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
7
11
 
8
12
  **Note:** Version bump only for package @instructure/ui-flex
package/es/Flex/Item/index.js CHANGED
@@ -44,10 +44,12 @@ let Item = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class
44
44
  this.ref = null;
45
45
 
46
46
  this.handleRef = el => {
47
- var _this$props$elementRe, _this$props;
48
-
47
+ const elementRef = this.props.elementRef;
49
48
  this.ref = el;
50
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
49
+
50
+ if (typeof elementRef === 'function') {
51
+ elementRef(el);
52
+ }
51
53
  };
52
54
  }
53
55
 
@@ -61,18 +63,18 @@ let Item = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class
61
63
 
62
64
  render() {
63
65
  const props = omitProps(this.props, Item.allowedProps);
64
- const _this$props2 = this.props,
65
- as = _this$props2.as,
66
- children = _this$props2.children,
67
- withVisualDebug = _this$props2.withVisualDebug,
68
- textAlign = _this$props2.textAlign,
69
- size = _this$props2.size,
70
- direction = _this$props2.direction,
71
- margin = _this$props2.margin,
72
- padding = _this$props2.padding,
73
- overflowX = _this$props2.overflowX,
74
- overflowY = _this$props2.overflowY,
75
- styles = _this$props2.styles;
66
+ const _this$props = this.props,
67
+ as = _this$props.as,
68
+ children = _this$props.children,
69
+ withVisualDebug = _this$props.withVisualDebug,
70
+ textAlign = _this$props.textAlign,
71
+ size = _this$props.size,
72
+ direction = _this$props.direction,
73
+ margin = _this$props.margin,
74
+ padding = _this$props.padding,
75
+ overflowX = _this$props.overflowX,
76
+ overflowY = _this$props.overflowY,
77
+ styles = _this$props.styles;
76
78
  const dirColumn = direction === 'column';
77
79
  const dirRow = direction === 'row';
78
80
  return jsx(View, Object.assign({}, props, {
package/es/Flex/index.js CHANGED
@@ -46,10 +46,12 @@ let Flex = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
46
46
  this.ref = null;
47
47
 
48
48
  this.handleRef = el => {
49
- var _this$props$elementRe, _this$props;
50
-
49
+ const elementRef = this.props.elementRef;
51
50
  this.ref = el;
52
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
51
+
52
+ if (typeof elementRef === 'function') {
53
+ elementRef(el);
54
+ }
53
55
  };
54
56
 
55
57
  props.makeStyles();
@@ -76,16 +78,16 @@ let Flex = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
76
78
  }
77
79
 
78
80
  render() {
79
- const _this$props2 = this.props,
80
- as = _this$props2.as,
81
- withVisualDebug = _this$props2.withVisualDebug,
82
- height = _this$props2.height,
83
- display = _this$props2.display,
84
- margin = _this$props2.margin,
85
- padding = _this$props2.padding,
86
- textAlign = _this$props2.textAlign,
87
- width = _this$props2.width,
88
- styles = _this$props2.styles;
81
+ const _this$props = this.props,
82
+ as = _this$props.as,
83
+ withVisualDebug = _this$props.withVisualDebug,
84
+ height = _this$props.height,
85
+ display = _this$props.display,
86
+ margin = _this$props.margin,
87
+ padding = _this$props.padding,
88
+ textAlign = _this$props.textAlign,
89
+ width = _this$props.width,
90
+ styles = _this$props.styles;
89
91
  const children = callRenderProp(this.props.children);
90
92
 
91
93
  if (children && Children.count(children) > 0) {
package/lib/Flex/Item/index.js CHANGED
@@ -33,10 +33,12 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class =
33
33
  this.ref = null;
34
34
 
35
35
  this.handleRef = el => {
36
- var _this$props$elementRe, _this$props;
37
-
36
+ const elementRef = this.props.elementRef;
38
37
  this.ref = el;
39
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
38
+
39
+ if (typeof elementRef === 'function') {
40
+ elementRef(el);
41
+ }
40
42
  };
41
43
  }
42
44
 
@@ -50,18 +52,18 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class =
50
52
 
51
53
  render() {
52
54
  const props = (0, _omitProps.omitProps)(this.props, Item.allowedProps);
53
- const _this$props2 = this.props,
54
- as = _this$props2.as,
55
- children = _this$props2.children,
56
- withVisualDebug = _this$props2.withVisualDebug,
57
- textAlign = _this$props2.textAlign,
58
- size = _this$props2.size,
59
- direction = _this$props2.direction,
60
- margin = _this$props2.margin,
61
- padding = _this$props2.padding,
62
- overflowX = _this$props2.overflowX,
63
- overflowY = _this$props2.overflowY,
64
- styles = _this$props2.styles;
55
+ const _this$props = this.props,
56
+ as = _this$props.as,
57
+ children = _this$props.children,
58
+ withVisualDebug = _this$props.withVisualDebug,
59
+ textAlign = _this$props.textAlign,
60
+ size = _this$props.size,
61
+ direction = _this$props.direction,
62
+ margin = _this$props.margin,
63
+ padding = _this$props.padding,
64
+ overflowX = _this$props.overflowX,
65
+ overflowY = _this$props.overflowY,
66
+ styles = _this$props.styles;
65
67
  const dirColumn = direction === 'column';
66
68
  const dirRow = direction === 'row';
67
69
  return (0, _emotion.jsx)(_View.View, Object.assign({}, props, {
package/lib/Flex/index.js CHANGED
@@ -49,10 +49,12 @@ let Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
49
49
  this.ref = null;
50
50
 
51
51
  this.handleRef = el => {
52
- var _this$props$elementRe, _this$props;
53
-
52
+ const elementRef = this.props.elementRef;
54
53
  this.ref = el;
55
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
54
+
55
+ if (typeof elementRef === 'function') {
56
+ elementRef(el);
57
+ }
56
58
  };
57
59
 
58
60
  props.makeStyles();
@@ -79,16 +81,16 @@ let Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
79
81
  }
80
82
 
81
83
  render() {
82
- const _this$props2 = this.props,
83
- as = _this$props2.as,
84
- withVisualDebug = _this$props2.withVisualDebug,
85
- height = _this$props2.height,
86
- display = _this$props2.display,
87
- margin = _this$props2.margin,
88
- padding = _this$props2.padding,
89
- textAlign = _this$props2.textAlign,
90
- width = _this$props2.width,
91
- styles = _this$props2.styles;
84
+ const _this$props = this.props,
85
+ as = _this$props.as,
86
+ withVisualDebug = _this$props.withVisualDebug,
87
+ height = _this$props.height,
88
+ display = _this$props.display,
89
+ margin = _this$props.margin,
90
+ padding = _this$props.padding,
91
+ textAlign = _this$props.textAlign,
92
+ width = _this$props.width,
93
+ styles = _this$props.styles;
92
94
  const children = (0, _callRenderProp.callRenderProp)(this.props.children);
93
95
 
94
96
  if (children && _react.Children.count(children) > 0) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-flex",
3
- "version": "8.10.3-snapshot.3+2ee813492",
3
+ "version": "8.11.1-snapshot.0+8536a1c9b",
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
  "type": "commonjs",
@@ -25,17 +25,17 @@
25
25
  "license": "MIT",
26
26
  "dependencies": {
27
27
  "@babel/runtime": "^7.13.10",
28
- "@instructure/console": "8.10.3-snapshot.3+2ee813492",
29
- "@instructure/emotion": "8.10.3-snapshot.3+2ee813492",
30
- "@instructure/shared-types": "8.10.3-snapshot.3+2ee813492",
31
- "@instructure/ui-react-utils": "8.10.3-snapshot.3+2ee813492",
32
- "@instructure/ui-view": "8.10.3-snapshot.3+2ee813492",
28
+ "@instructure/console": "8.11.1-snapshot.0+8536a1c9b",
29
+ "@instructure/emotion": "8.11.1-snapshot.0+8536a1c9b",
30
+ "@instructure/shared-types": "8.11.1-snapshot.0+8536a1c9b",
31
+ "@instructure/ui-react-utils": "8.11.1-snapshot.0+8536a1c9b",
32
+ "@instructure/ui-view": "8.11.1-snapshot.0+8536a1c9b",
33
33
  "prop-types": "^15"
34
34
  },
35
35
  "devDependencies": {
36
- "@instructure/ui-babel-preset": "8.10.3-snapshot.3+2ee813492",
37
- "@instructure/ui-test-utils": "8.10.3-snapshot.3+2ee813492",
38
- "@instructure/ui-themes": "8.10.3-snapshot.3+2ee813492"
36
+ "@instructure/ui-babel-preset": "8.11.1-snapshot.0+8536a1c9b",
37
+ "@instructure/ui-test-utils": "8.11.1-snapshot.0+8536a1c9b",
38
+ "@instructure/ui-themes": "8.11.1-snapshot.0+8536a1c9b"
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": "2ee8134925b02efbc5d39662a8b1edb2c83a420d"
47
+ "gitHead": "8536a1c9badcd8c1d2ce55dfb462d1899e3ca500"
48
48
  }
package/src/Flex/Item/index.tsx CHANGED
@@ -67,8 +67,13 @@ class Item extends Component<FlexItemProps> {
67
67
  ref: Element | null = null
68
68
 
69
69
  handleRef = (el: Element | null) => {
70
+ const { elementRef } = this.props
71
+
70
72
  this.ref = el
71
- this.props.elementRef?.(el)
73
+
74
+ if (typeof elementRef === 'function') {
75
+ elementRef(el)
76
+ }
72
77
  }
73
78
 
74
79
  render() {
package/src/Flex/Item/props.ts CHANGED
@@ -27,7 +27,11 @@ import PropTypes from 'prop-types'
27
27
 
28
28
  import { ThemeablePropTypes } from '@instructure/emotion'
29
29
 
30
- import type { AsElementType, PropValidators } from '@instructure/shared-types'
30
+ import type {
31
+ AsElementType,
32
+ OtherHTMLAttributes,
33
+ PropValidators
34
+ } from '@instructure/shared-types'
31
35
  import type {
32
36
  Spacing,
33
37
  WithStyleProps,
@@ -55,7 +59,9 @@ type PropKeys = keyof FlexItemOwnProps
55
59
 
56
60
  type AllowedPropKeys = Readonly<Array<PropKeys>>
57
61
 
58
- type FlexItemProps = FlexItemOwnProps & WithStyleProps<null, FlexItemStyle>
62
+ type FlexItemProps = FlexItemOwnProps &
63
+ WithStyleProps<null, FlexItemStyle> &
64
+ OtherHTMLAttributes<FlexItemOwnProps>
59
65
 
60
66
  type FlexItemStyle = ComponentStyle<'flexItem'>
61
67
 
package/src/Flex/index.tsx CHANGED
@@ -82,8 +82,13 @@ class Flex extends Component<FlexProps> {
82
82
  ref: Element | null = null
83
83
 
84
84
  handleRef = (el: Element | null) => {
85
+ const { elementRef } = this.props
86
+
85
87
  this.ref = el
86
- this.props.elementRef?.(el)
88
+
89
+ if (typeof elementRef === 'function') {
90
+ elementRef(el)
91
+ }
87
92
  }
88
93
 
89
94
  renderChildren(children: any) {
package/src/Flex/props.ts CHANGED
@@ -29,7 +29,8 @@ import { ThemeablePropTypes } from '@instructure/emotion'
29
29
  import type {
30
30
  AsElementType,
31
31
  PropValidators,
32
- FlexTheme
32
+ FlexTheme,
33
+ OtherHTMLAttributes
33
34
  } from '@instructure/shared-types'
34
35
  import type {
35
36
  Spacing,
@@ -58,7 +59,9 @@ type PropKeys = keyof FlexOwnProps
58
59
 
59
60
  type AllowedPropKeys = Readonly<Array<PropKeys>>
60
61
 
61
- type FlexProps = FlexOwnProps & WithStyleProps<FlexTheme, FlexStyle>
62
+ type FlexProps = FlexOwnProps &
63
+ WithStyleProps<FlexTheme, FlexStyle> &
64
+ OtherHTMLAttributes<FlexOwnProps>
62
65
 
63
66
  type FlexStyle = ComponentStyle<'flex'>
64
67
 
package/types/Flex/Item/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;yBAGA,GAAG;;;MAGrB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,MAAM;CAuCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;yBAGA,GAAG;;;MAGrB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CAuCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
package/types/Flex/Item/props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { AsElementType, PropValidators } from '@instructure/shared-types';
2
+ import type { AsElementType, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
3
3
  import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
4
4
  declare type FlexItemOwnProps = {
5
5
  children?: React.ReactNode;
@@ -19,7 +19,7 @@ declare type FlexItemOwnProps = {
19
19
  };
20
20
  declare type PropKeys = keyof FlexItemOwnProps;
21
21
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
22
- declare type FlexItemProps = FlexItemOwnProps & WithStyleProps<null, FlexItemStyle>;
22
+ declare type FlexItemProps = FlexItemOwnProps & WithStyleProps<null, FlexItemStyle> & OtherHTMLAttributes<FlexItemOwnProps>;
23
23
  declare type FlexItemStyle = ComponentStyle<'flexItem'>;
24
24
  declare const propTypes: PropValidators<PropKeys>;
25
25
  declare const allowedProps: AllowedPropKeys;
package/types/Flex/Item/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;AAE3E,aAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6DvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,GACnC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEvC,aAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6DvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
package/types/Flex/index.d.ts CHANGED
@@ -18,7 +18,12 @@ declare class Flex extends Component<FlexProps> {
18
18
  children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
19
19
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
20
20
  elementRef?: ((element: Element | null) => void) | undefined;
21
- height?: string | number | undefined;
21
+ height?: string | number | undefined; /**
22
+ ---
23
+ category: components
24
+ ---
25
+ @module Flex
26
+ **/
22
27
  width?: string | number | undefined;
23
28
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
24
29
  padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
@@ -34,7 +39,12 @@ declare class Flex extends Component<FlexProps> {
34
39
  children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
35
40
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
36
41
  elementRef?: ((element: Element | null) => void) | undefined;
37
- height?: string | number | undefined;
42
+ height?: string | number | undefined; /**
43
+ ---
44
+ category: components
45
+ ---
46
+ @module Flex
47
+ **/
38
48
  width?: string | number | undefined;
39
49
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
40
50
  padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
package/types/Flex/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Flex/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAS3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAM7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;gBAExB,KAAK,EAAE,SAAS;IAM5B,kBAAkB;IAKlB,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;yBAIA,GAAG;;;;;;MAMrB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,cAAc,CAAC,QAAQ,EAAE,GAAG;IAiB5B,MAAM;CAqCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Flex/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAS3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAM7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;gBAExB,KAAK,EAAE,SAAS;IAM5B,kBAAkB;IAKlB,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,SAAS;;;;8CAvBlB;;;;;WAKG;;;;;;;;;;;OAkB2B;IAC5B,MAAM,CAAC,YAAY;;;;8CAxBrB;;;;;WAKG;;;;;;;;;;;SAmBiC;IAClC,MAAM,CAAC,YAAY;;;yBAIA,GAAG;;;;;;MAMrB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,cAAc,CAAC,QAAQ,EAAE,GAAG;IAiB5B,MAAM;CAqCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAA"}
package/types/Flex/props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { AsElementType, PropValidators, FlexTheme } from '@instructure/shared-types';
2
+ import type { AsElementType, PropValidators, FlexTheme, OtherHTMLAttributes } from '@instructure/shared-types';
3
3
  import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
4
4
  declare type FlexOwnProps = {
5
5
  children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
@@ -19,7 +19,7 @@ declare type FlexOwnProps = {
19
19
  };
20
20
  declare type PropKeys = keyof FlexOwnProps;
21
21
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
22
- declare type FlexProps = FlexOwnProps & WithStyleProps<FlexTheme, FlexStyle>;
22
+ declare type FlexProps = FlexOwnProps & WithStyleProps<FlexTheme, FlexStyle> & OtherHTMLAttributes<FlexOwnProps>;
23
23
  declare type FlexStyle = ComponentStyle<'flex'>;
24
24
  declare const propTypes: PropValidators<PropKeys>;
25
25
  declare const allowedProps: AllowedPropKeys;
package/types/Flex/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Flex/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,SAAS,EACV,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAClE,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAC/D,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IACnD,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IAC5E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAAA;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAEpE,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2EvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Flex/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAClE,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAC/D,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IACnD,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IAC5E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAAA;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2EvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}