@instructure/ui-flex 8.10.3-snapshot.2 → 8.10.3-snapshot.25

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 (16) hide show
  1. package/es/Flex/Item/index.js +17 -15
  2. package/es/Flex/index.js +15 -13
  3. package/lib/Flex/Item/index.js +17 -15
  4. package/lib/Flex/index.js +15 -13
  5. package/package.json +10 -10
  6. package/src/Flex/Item/index.tsx +6 -1
  7. package/src/Flex/Item/props.ts +8 -2
  8. package/src/Flex/index.tsx +6 -1
  9. package/src/Flex/props.ts +5 -2
  10. package/types/Flex/Item/index.d.ts.map +1 -1
  11. package/types/Flex/Item/props.d.ts +2 -2
  12. package/types/Flex/Item/props.d.ts.map +1 -1
  13. package/types/Flex/index.d.ts +12 -2
  14. package/types/Flex/index.d.ts.map +1 -1
  15. package/types/Flex/props.d.ts +2 -2
  16. package/types/Flex/props.d.ts.map +1 -1
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.2+ccdf8f43b",
3
+ "version": "8.10.3-snapshot.25+ed32a6c3b",
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.2+ccdf8f43b",
29
- "@instructure/emotion": "8.10.3-snapshot.2+ccdf8f43b",
30
- "@instructure/shared-types": "8.10.3-snapshot.2+ccdf8f43b",
31
- "@instructure/ui-react-utils": "8.10.3-snapshot.2+ccdf8f43b",
32
- "@instructure/ui-view": "8.10.3-snapshot.2+ccdf8f43b",
28
+ "@instructure/console": "8.10.3-snapshot.25+ed32a6c3b",
29
+ "@instructure/emotion": "8.10.3-snapshot.25+ed32a6c3b",
30
+ "@instructure/shared-types": "8.10.3-snapshot.25+ed32a6c3b",
31
+ "@instructure/ui-react-utils": "8.10.3-snapshot.25+ed32a6c3b",
32
+ "@instructure/ui-view": "8.10.3-snapshot.25+ed32a6c3b",
33
33
  "prop-types": "^15"
34
34
  },
35
35
  "devDependencies": {
36
- "@instructure/ui-babel-preset": "8.10.3-snapshot.2+ccdf8f43b",
37
- "@instructure/ui-test-utils": "8.10.3-snapshot.2+ccdf8f43b",
38
- "@instructure/ui-themes": "8.10.3-snapshot.2+ccdf8f43b"
36
+ "@instructure/ui-babel-preset": "8.10.3-snapshot.25+ed32a6c3b",
37
+ "@instructure/ui-test-utils": "8.10.3-snapshot.25+ed32a6c3b",
38
+ "@instructure/ui-themes": "8.10.3-snapshot.25+ed32a6c3b"
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": "ccdf8f43b56a8edef32600281692dfeb436d5a01"
47
+ "gitHead": "ed32a6c3b14ddb7fbbb5b543d9871a296f06e4c0"
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"}