@instructure/ui-progress 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 (16) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/es/ProgressBar/index.js +20 -18
  3. package/es/ProgressCircle/index.js +20 -18
  4. package/lib/ProgressBar/index.js +20 -18
  5. package/lib/ProgressCircle/index.js +20 -18
  6. package/package.json +14 -14
  7. package/src/ProgressBar/index.tsx +6 -1
  8. package/src/ProgressBar/props.ts +4 -2
  9. package/src/ProgressCircle/index.tsx +6 -1
  10. package/src/ProgressCircle/props.ts +4 -2
  11. package/types/ProgressBar/index.d.ts.map +1 -1
  12. package/types/ProgressBar/props.d.ts +2 -2
  13. package/types/ProgressBar/props.d.ts.map +1 -1
  14. package/types/ProgressCircle/index.d.ts.map +1 -1
  15. package/types/ProgressCircle/props.d.ts +2 -2
  16. package/types/ProgressCircle/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-progress
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-progress
package/es/ProgressBar/index.js CHANGED
@@ -48,37 +48,39 @@ let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
48
48
  this.ref = null;
49
49
 
50
50
  this.handleRef = el => {
51
- var _this$props$elementRe, _this$props;
52
-
51
+ const elementRef = this.props.elementRef;
53
52
  this.ref = el;
54
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
53
+
54
+ if (typeof elementRef === 'function') {
55
+ elementRef(el);
56
+ }
55
57
  };
56
58
  }
57
59
 
58
60
  componentDidMount() {
59
- var _this$props$makeStyle, _this$props2;
61
+ var _this$props$makeStyle, _this$props;
60
62
 
61
- (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
63
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
62
64
  }
63
65
 
64
66
  componentDidUpdate() {
65
- var _this$props$makeStyle2, _this$props3;
67
+ var _this$props$makeStyle2, _this$props2;
66
68
 
67
- (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
69
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
68
70
  }
69
71
 
70
72
  render() {
71
- const _this$props4 = this.props,
72
- renderValue = _this$props4.renderValue,
73
- formatScreenReaderValue = _this$props4.formatScreenReaderValue,
74
- valueNow = _this$props4.valueNow,
75
- valueMax = _this$props4.valueMax,
76
- screenReaderLabel = _this$props4.screenReaderLabel,
77
- size = _this$props4.size,
78
- color = _this$props4.color,
79
- meterColor = _this$props4.meterColor,
80
- styles = _this$props4.styles,
81
- props = _objectWithoutProperties(_this$props4, _excluded);
73
+ const _this$props3 = this.props,
74
+ renderValue = _this$props3.renderValue,
75
+ formatScreenReaderValue = _this$props3.formatScreenReaderValue,
76
+ valueNow = _this$props3.valueNow,
77
+ valueMax = _this$props3.valueMax,
78
+ screenReaderLabel = _this$props3.screenReaderLabel,
79
+ size = _this$props3.size,
80
+ color = _this$props3.color,
81
+ meterColor = _this$props3.meterColor,
82
+ styles = _this$props3.styles,
83
+ props = _objectWithoutProperties(_this$props3, _excluded);
82
84
 
83
85
  const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
84
86
  valueNow,
package/es/ProgressCircle/index.js CHANGED
@@ -50,10 +50,12 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
50
50
  this.ref = null;
51
51
 
52
52
  this.handleRef = el => {
53
- var _this$props$elementRe, _this$props;
54
-
53
+ const elementRef = this.props.elementRef;
55
54
  this.ref = el;
56
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
55
+
56
+ if (typeof elementRef === 'function') {
57
+ elementRef(el);
58
+ }
57
59
  };
58
60
 
59
61
  this.state = {
@@ -68,7 +70,7 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
68
70
  }
69
71
 
70
72
  componentDidMount() {
71
- var _this$props$makeStyle, _this$props2;
73
+ var _this$props$makeStyle, _this$props;
72
74
 
73
75
  if (this.state.shouldAnimateOnMount) {
74
76
  this._timeouts.push(setTimeout(() => {
@@ -78,13 +80,13 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
78
80
  }, this.props.animationDelay || 500));
79
81
  }
80
82
 
81
- (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2, this.makeStylesVariables);
83
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStylesVariables);
82
84
  }
83
85
 
84
86
  componentDidUpdate() {
85
- var _this$props$makeStyle2, _this$props3;
87
+ var _this$props$makeStyle2, _this$props2;
86
88
 
87
- (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3, this.makeStylesVariables);
89
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStylesVariables);
88
90
  }
89
91
 
90
92
  componentWillUnmount() {
@@ -94,17 +96,17 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
94
96
  render() {
95
97
  var _styles$radii, _styles$radii2, _styles$radii3;
96
98
 
97
- const _this$props4 = this.props,
98
- color = _this$props4.color,
99
- renderValue = _this$props4.renderValue,
100
- formatScreenReaderValue = _this$props4.formatScreenReaderValue,
101
- meterColor = _this$props4.meterColor,
102
- valueNow = _this$props4.valueNow,
103
- valueMax = _this$props4.valueMax,
104
- screenReaderLabel = _this$props4.screenReaderLabel,
105
- size = _this$props4.size,
106
- styles = _this$props4.styles,
107
- props = _objectWithoutProperties(_this$props4, _excluded);
99
+ const _this$props3 = this.props,
100
+ color = _this$props3.color,
101
+ renderValue = _this$props3.renderValue,
102
+ formatScreenReaderValue = _this$props3.formatScreenReaderValue,
103
+ meterColor = _this$props3.meterColor,
104
+ valueNow = _this$props3.valueNow,
105
+ valueMax = _this$props3.valueMax,
106
+ screenReaderLabel = _this$props3.screenReaderLabel,
107
+ size = _this$props3.size,
108
+ styles = _this$props3.styles,
109
+ props = _objectWithoutProperties(_this$props3, _excluded);
108
110
 
109
111
  const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
110
112
  valueNow,
package/lib/ProgressBar/index.js CHANGED
@@ -42,37 +42,39 @@ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
42
42
  this.ref = null;
43
43
 
44
44
  this.handleRef = el => {
45
- var _this$props$elementRe, _this$props;
46
-
45
+ const elementRef = this.props.elementRef;
47
46
  this.ref = el;
48
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
47
+
48
+ if (typeof elementRef === 'function') {
49
+ elementRef(el);
50
+ }
49
51
  };
50
52
  }
51
53
 
52
54
  componentDidMount() {
53
- var _this$props$makeStyle, _this$props2;
55
+ var _this$props$makeStyle, _this$props;
54
56
 
55
- (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
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
- var _this$props$makeStyle2, _this$props3;
61
+ var _this$props$makeStyle2, _this$props2;
60
62
 
61
- (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
63
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
62
64
  }
63
65
 
64
66
  render() {
65
- const _this$props4 = this.props,
66
- renderValue = _this$props4.renderValue,
67
- formatScreenReaderValue = _this$props4.formatScreenReaderValue,
68
- valueNow = _this$props4.valueNow,
69
- valueMax = _this$props4.valueMax,
70
- screenReaderLabel = _this$props4.screenReaderLabel,
71
- size = _this$props4.size,
72
- color = _this$props4.color,
73
- meterColor = _this$props4.meterColor,
74
- styles = _this$props4.styles,
75
- props = (0, _objectWithoutProperties2.default)(_this$props4, _excluded);
67
+ const _this$props3 = this.props,
68
+ renderValue = _this$props3.renderValue,
69
+ formatScreenReaderValue = _this$props3.formatScreenReaderValue,
70
+ valueNow = _this$props3.valueNow,
71
+ valueMax = _this$props3.valueMax,
72
+ screenReaderLabel = _this$props3.screenReaderLabel,
73
+ size = _this$props3.size,
74
+ color = _this$props3.color,
75
+ meterColor = _this$props3.meterColor,
76
+ styles = _this$props3.styles,
77
+ props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
76
78
  const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
77
79
  valueNow,
78
80
  valueMax
package/lib/ProgressCircle/index.js CHANGED
@@ -45,10 +45,12 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
45
45
  this.ref = null;
46
46
 
47
47
  this.handleRef = el => {
48
- var _this$props$elementRe, _this$props;
49
-
48
+ const elementRef = this.props.elementRef;
50
49
  this.ref = el;
51
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
50
+
51
+ if (typeof elementRef === 'function') {
52
+ elementRef(el);
53
+ }
52
54
  };
53
55
 
54
56
  this.state = {
@@ -63,7 +65,7 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
63
65
  }
64
66
 
65
67
  componentDidMount() {
66
- var _this$props$makeStyle, _this$props2;
68
+ var _this$props$makeStyle, _this$props;
67
69
 
68
70
  if (this.state.shouldAnimateOnMount) {
69
71
  this._timeouts.push(setTimeout(() => {
@@ -73,13 +75,13 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
73
75
  }, this.props.animationDelay || 500));
74
76
  }
75
77
 
76
- (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2, this.makeStylesVariables);
78
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStylesVariables);
77
79
  }
78
80
 
79
81
  componentDidUpdate() {
80
- var _this$props$makeStyle2, _this$props3;
82
+ var _this$props$makeStyle2, _this$props2;
81
83
 
82
- (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3, this.makeStylesVariables);
84
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStylesVariables);
83
85
  }
84
86
 
85
87
  componentWillUnmount() {
@@ -89,17 +91,17 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
89
91
  render() {
90
92
  var _styles$radii, _styles$radii2, _styles$radii3;
91
93
 
92
- const _this$props4 = this.props,
93
- color = _this$props4.color,
94
- renderValue = _this$props4.renderValue,
95
- formatScreenReaderValue = _this$props4.formatScreenReaderValue,
96
- meterColor = _this$props4.meterColor,
97
- valueNow = _this$props4.valueNow,
98
- valueMax = _this$props4.valueMax,
99
- screenReaderLabel = _this$props4.screenReaderLabel,
100
- size = _this$props4.size,
101
- styles = _this$props4.styles,
102
- props = (0, _objectWithoutProperties2.default)(_this$props4, _excluded);
94
+ const _this$props3 = this.props,
95
+ color = _this$props3.color,
96
+ renderValue = _this$props3.renderValue,
97
+ formatScreenReaderValue = _this$props3.formatScreenReaderValue,
98
+ meterColor = _this$props3.meterColor,
99
+ valueNow = _this$props3.valueNow,
100
+ valueMax = _this$props3.valueMax,
101
+ screenReaderLabel = _this$props3.screenReaderLabel,
102
+ size = _this$props3.size,
103
+ styles = _this$props3.styles,
104
+ props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
103
105
  const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
104
106
  valueNow,
105
107
  valueMax
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-progress",
3
- "version": "8.10.3-snapshot.3+2ee813492",
3
+ "version": "8.11.1-snapshot.0+8536a1c9b",
4
4
  "description": "Styled HTML <progress /> elements for showing completion of a task",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "type": "commonjs",
@@ -25,21 +25,21 @@
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-a11y-content": "8.10.3-snapshot.3+2ee813492",
32
- "@instructure/ui-color-utils": "8.10.3-snapshot.3+2ee813492",
33
- "@instructure/ui-react-utils": "8.10.3-snapshot.3+2ee813492",
34
- "@instructure/ui-testable": "8.10.3-snapshot.3+2ee813492",
35
- "@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-a11y-content": "8.11.1-snapshot.0+8536a1c9b",
32
+ "@instructure/ui-color-utils": "8.11.1-snapshot.0+8536a1c9b",
33
+ "@instructure/ui-react-utils": "8.11.1-snapshot.0+8536a1c9b",
34
+ "@instructure/ui-testable": "8.11.1-snapshot.0+8536a1c9b",
35
+ "@instructure/ui-view": "8.11.1-snapshot.0+8536a1c9b",
36
36
  "prop-types": "^15"
37
37
  },
38
38
  "devDependencies": {
39
- "@instructure/ui-babel-preset": "8.10.3-snapshot.3+2ee813492",
40
- "@instructure/ui-test-locator": "8.10.3-snapshot.3+2ee813492",
41
- "@instructure/ui-test-utils": "8.10.3-snapshot.3+2ee813492",
42
- "@instructure/ui-themes": "8.10.3-snapshot.3+2ee813492"
39
+ "@instructure/ui-babel-preset": "8.11.1-snapshot.0+8536a1c9b",
40
+ "@instructure/ui-test-locator": "8.11.1-snapshot.0+8536a1c9b",
41
+ "@instructure/ui-test-utils": "8.11.1-snapshot.0+8536a1c9b",
42
+ "@instructure/ui-themes": "8.11.1-snapshot.0+8536a1c9b"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": ">=16.8 <=17"
@@ -48,5 +48,5 @@
48
48
  "access": "public"
49
49
  },
50
50
  "sideEffects": false,
51
- "gitHead": "2ee8134925b02efbc5d39662a8b1edb2c83a420d"
51
+ "gitHead": "8536a1c9badcd8c1d2ce55dfb462d1899e3ca500"
52
52
  }
package/src/ProgressBar/index.tsx CHANGED
@@ -75,8 +75,13 @@ class ProgressBar extends Component<ProgressBarProps> {
75
75
  }
76
76
 
77
77
  handleRef = (el: Element | null) => {
78
+ const { elementRef } = this.props
79
+
78
80
  this.ref = el
79
- this.props.elementRef?.(el)
81
+
82
+ if (typeof elementRef === 'function') {
83
+ elementRef(el)
84
+ }
80
85
  }
81
86
 
82
87
  render() {
package/src/ProgressBar/props.ts CHANGED
@@ -33,7 +33,8 @@ import type {
33
33
  import type {
34
34
  PropValidators,
35
35
  AsElementType,
36
- ProgressBarTheme
36
+ ProgressBarTheme,
37
+ OtherHTMLAttributes
37
38
  } from '@instructure/shared-types'
38
39
 
39
40
  export type ProgressBarMeterColor =
@@ -65,7 +66,8 @@ type PropKeys = keyof ProgressBarOwnProps
65
66
  type AllowedPropKeys = Readonly<Array<PropKeys>>
66
67
 
67
68
  type ProgressBarProps = ProgressBarOwnProps &
68
- WithStyleProps<ProgressBarTheme, ProgressBarStyle>
69
+ WithStyleProps<ProgressBarTheme, ProgressBarStyle> &
70
+ OtherHTMLAttributes<ProgressBarOwnProps>
69
71
 
70
72
  type ProgressBarStyle = ComponentStyle<
71
73
  'progressBar' | 'trackLayout' | 'trackBorder' | 'track' | 'value'
package/src/ProgressCircle/index.tsx CHANGED
@@ -83,8 +83,13 @@ class ProgressCircle extends Component<
83
83
  }
84
84
 
85
85
  handleRef = (el: Element | null) => {
86
+ const { elementRef } = this.props
87
+
86
88
  this.ref = el
87
- this.props.elementRef?.(el)
89
+
90
+ if (typeof elementRef === 'function') {
91
+ elementRef(el)
92
+ }
88
93
  }
89
94
 
90
95
  get makeStylesVariables() {
package/src/ProgressCircle/props.ts CHANGED
@@ -32,7 +32,8 @@ import type {
32
32
  import type {
33
33
  PropValidators,
34
34
  AsElementType,
35
- ProgressCircleTheme
35
+ ProgressCircleTheme,
36
+ OtherHTMLAttributes
36
37
  } from '@instructure/shared-types'
37
38
 
38
39
  export type ProgressCircleMeterColor =
@@ -70,7 +71,8 @@ type PropKeys = keyof ProgressCircleOwnProps
70
71
  type AllowedPropKeys = Readonly<Array<PropKeys>>
71
72
 
72
73
  type ProgressCircleProps = ProgressCircleOwnProps &
73
- WithStyleProps<ProgressCircleTheme, ProgressCircleStyle>
74
+ WithStyleProps<ProgressCircleTheme, ProgressCircleStyle> &
75
+ OtherHTMLAttributes<ProgressCircleOwnProps>
74
76
 
75
77
  type ProgressCircleStyle = ComponentStyle<
76
78
  | 'progressCircle'
package/types/ProgressBar/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAclB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAclB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
package/types/ProgressBar/props.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
3
- import type { PropValidators, AsElementType, ProgressBarTheme } from '@instructure/shared-types';
3
+ import type { PropValidators, AsElementType, ProgressBarTheme, OtherHTMLAttributes } from '@instructure/shared-types';
4
4
  export declare type ProgressBarMeterColor = 'info' | 'warning' | 'danger' | 'alert' | 'success' | 'brand';
5
5
  declare type ProgressBarOwnProps = {
6
6
  screenReaderLabel: string;
@@ -17,7 +17,7 @@ declare type ProgressBarOwnProps = {
17
17
  };
18
18
  declare type PropKeys = keyof ProgressBarOwnProps;
19
19
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
20
- declare type ProgressBarProps = ProgressBarOwnProps & WithStyleProps<ProgressBarTheme, ProgressBarStyle>;
20
+ declare type ProgressBarProps = ProgressBarOwnProps & WithStyleProps<ProgressBarTheme, ProgressBarStyle> & OtherHTMLAttributes<ProgressBarOwnProps>;
21
21
  declare type ProgressBarStyle = ComponentStyle<'progressBar' | 'trackLayout' | 'trackBorder' | 'track' | 'value'>;
22
22
  declare const propTypes: PropValidators<PropKeys>;
23
23
  declare const allowedProps: AllowedPropKeys;
package/types/ProgressBar/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAElC,oBAAY,qBAAqB,GAC7B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,aAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,qBAAqB,CAAC,GAC3C,qBAAqB,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;AAEpD,aAAK,gBAAgB,GAAG,cAAc,CACpC,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,CAClE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,oBAAY,qBAAqB,GAC7B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,aAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,qBAAqB,CAAC,GAC3C,qBAAqB,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,aAAK,gBAAgB,GAAG,cAAc,CACpC,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,CAClE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
package/types/ProgressCircle/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressCircle/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGvE;;;;GAIG;AACH,cAEM,cAAe,SAAQ,SAAS,CACpC,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAelB;IAED,SAAS,UAAK;IACd,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAQjB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,IAAI,mBAAmB;;MAEtB;IAED,iBAAiB;IAejB,kBAAkB;IAIlB,oBAAoB;IAIpB,MAAM;CAqFP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressCircle/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGvE;;;;GAIG;AACH,cAEM,cAAe,SAAQ,SAAS,CACpC,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAelB;IAED,SAAS,UAAK;IACd,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAQjB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,mBAAmB;;MAEtB;IAED,iBAAiB;IAejB,kBAAkB;IAIlB,oBAAoB;IAIpB,MAAM;CAqFP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
package/types/ProgressCircle/props.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
3
- import type { PropValidators, AsElementType, ProgressCircleTheme } from '@instructure/shared-types';
3
+ import type { PropValidators, AsElementType, ProgressCircleTheme, OtherHTMLAttributes } from '@instructure/shared-types';
4
4
  export declare type ProgressCircleMeterColor = 'info' | 'warning' | 'danger' | 'alert' | 'success' | 'brand';
5
5
  declare type ProgressCircleOwnProps = {
6
6
  screenReaderLabel: string;
@@ -22,7 +22,7 @@ export declare type ProgressCircleState = {
22
22
  };
23
23
  declare type PropKeys = keyof ProgressCircleOwnProps;
24
24
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
25
- declare type ProgressCircleProps = ProgressCircleOwnProps & WithStyleProps<ProgressCircleTheme, ProgressCircleStyle>;
25
+ declare type ProgressCircleProps = ProgressCircleOwnProps & WithStyleProps<ProgressCircleTheme, ProgressCircleStyle> & OtherHTMLAttributes<ProgressCircleOwnProps>;
26
26
  declare type ProgressCircleStyle = ComponentStyle<'progressCircle' | 'center' | 'value' | 'circle' | 'track' | 'border' | 'meter' | 'radii' | 'dashOffset'>;
27
27
  declare const propTypes: PropValidators<PropKeys>;
28
28
  declare const allowedProps: AllowedPropKeys;
package/types/ProgressCircle/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressCircle/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,oBAAY,wBAAwB,GAChC,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,aAAK,sBAAsB,GAAG;IAC5B,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACrE,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,wBAAwB,CAAC,GAC9C,wBAAwB,CAAA;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,oBAAoB,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,aAAK,mBAAmB,GAAG,cAAc,CACrC,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,YAAY,CACf,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressCircle/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,oBAAY,wBAAwB,GAChC,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,aAAK,sBAAsB,GAAG;IAC5B,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACrE,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,wBAAwB,CAAC,GAC9C,wBAAwB,CAAA;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,oBAAoB,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,aAAK,mBAAmB,GAAG,cAAc,CACrC,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,YAAY,CACf,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}