@instructure/ui-toggle-details 8.18.0 → 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 (6) hide show
  1. package/LICENSE.md +27 -0
  2. package/es/ToggleDetails/index.js +34 -14
  3. package/es/ToggleDetails/theme.js +20 -20
  4. package/lib/ToggleDetails/index.js +34 -14
  5. package/lib/ToggleDetails/theme.js +20 -20
  6. package/package.json +23 -22
package/LICENSE.md ADDED
@@ -0,0 +1,27 @@
1
+ ---
2
+ title: The MIT License (MIT)
3
+ category: Getting Started
4
+ order: 9
5
+ ---
6
+
7
+ # The MIT License (MIT)
8
+
9
+ Copyright (c) 2015 Instructure, Inc.
10
+
11
+ **Permission is hereby granted, free of charge, to any person obtaining a copy
12
+ of this software and associated documentation files (the "Software"), to deal
13
+ in the Software without restriction, including without limitation the rights
14
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
15
+ copies of the Software, and to permit persons to whom the Software is
16
+ furnished to do so, subject to the following conditions.**
17
+
18
+ The above copyright notice and this permission notice shall be included in all
19
+ copies or substantial portions of the Software.
20
+
21
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
22
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
23
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
24
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
25
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
26
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
27
+ SOFTWARE.
package/es/ToggleDetails/index.js CHANGED
@@ -50,8 +50,10 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
50
50
  this.getButtonRef = el => this._button = el;
51
51
 
52
52
  this.handleToggle = (event, expanded) => {
53
+ var _this$props$makeStyle, _this$props;
54
+
53
55
  this.props.onToggle(event, expanded);
54
- this.props.makeStyles?.({
56
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
55
57
  animate: true
56
58
  });
57
59
  };
@@ -66,25 +68,31 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
66
68
  }
67
69
 
68
70
  componentDidMount() {
69
- this.props.makeStyles?.({
71
+ var _this$props$makeStyle2, _this$props2;
72
+
73
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
70
74
  animate: false
71
75
  });
72
76
  }
73
77
 
74
78
  componentDidUpdate() {
75
- this.props.makeStyles?.({
79
+ var _this$props$makeStyle3, _this$props3;
80
+
81
+ (_this$props$makeStyle3 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle3 === void 0 ? void 0 : _this$props$makeStyle3.call(_this$props3, {
76
82
  animate: true
77
83
  });
78
84
  }
79
85
 
80
86
  renderSummary(expanded) {
81
- const _this$props = this.props,
82
- summary = _this$props.summary,
83
- iconPosition = _this$props.iconPosition;
87
+ var _this$props$styles, _this$props$styles2;
88
+
89
+ const _this$props4 = this.props,
90
+ summary = _this$props4.summary,
91
+ iconPosition = _this$props4.iconPosition;
84
92
  return jsx("span", {
85
- css: this.props.styles?.summary
93
+ css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.summary
86
94
  }, iconPosition === 'start' && this.renderIcon(expanded), jsx("span", {
87
- css: this.props.styles?.summaryText
95
+ css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.summaryText
88
96
  }, summary), iconPosition === 'end' && this.renderIcon(expanded));
89
97
  }
90
98
 
@@ -103,27 +111,35 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
103
111
  elementRef: this.getButtonRef
104
112
  }), summary);
105
113
  } else if (props.href) {
114
+ var _this$props$styles3;
115
+
106
116
  return jsx("a", Object.assign({}, props, {
107
- css: this.props.styles?.toggle,
117
+ css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.toggle,
108
118
  ref: this.getButtonRef
109
119
  }), summary);
110
120
  } else {
121
+ var _this$props$styles4;
122
+
111
123
  return jsx("button", Object.assign({}, props, {
112
124
  type: "button",
113
- css: this.props.styles?.toggle,
125
+ css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.toggle,
114
126
  ref: this.getButtonRef
115
127
  }), summary);
116
128
  }
117
129
  }
118
130
 
119
131
  renderIcon(expanded) {
132
+ var _this$props$styles5;
133
+
120
134
  const Icon = expanded ? this.props.iconExpanded : this.props.icon;
121
135
  return this.props.children ? jsx("span", {
122
- css: this.props.styles?.icon
136
+ css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.icon
123
137
  }, jsx(Icon, null)) : null;
124
138
  }
125
139
 
126
140
  renderDetails(expanded, detailsProps) {
141
+ var _this$props$styles6;
142
+
127
143
  const children = this.props.children;
128
144
  const expandedStyles = expanded ? {
129
145
  display: 'block'
@@ -131,13 +147,15 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
131
147
  display: 'none'
132
148
  };
133
149
  return jsx("div", Object.assign({}, detailsProps, {
134
- css: [this.props.styles?.details, expandedStyles]
150
+ css: [(_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.details, expandedStyles]
135
151
  }), children && expanded && this.renderContent());
136
152
  }
137
153
 
138
154
  renderContent() {
155
+ var _this$props$styles7;
156
+
139
157
  return jsx("div", {
140
- css: this.props.styles?.content
158
+ css: (_this$props$styles7 = this.props.styles) === null || _this$props$styles7 === void 0 ? void 0 : _this$props$styles7.content
141
159
  }, this.props.children);
142
160
  }
143
161
 
@@ -145,11 +163,13 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
145
163
  return jsx(Expandable, Object.assign({}, pickProps(this.props, Expandable.allowedProps), {
146
164
  onToggle: this.handleToggle
147
165
  }), _ref => {
166
+ var _this$props$styles8;
167
+
148
168
  let expanded = _ref.expanded,
149
169
  getToggleProps = _ref.getToggleProps,
150
170
  getDetailsProps = _ref.getDetailsProps;
151
171
  return jsx("div", {
152
- css: this.props.styles?.toggleDetails,
172
+ css: (_this$props$styles8 = this.props.styles) === null || _this$props$styles8 === void 0 ? void 0 : _this$props$styles8.toggleDetails,
153
173
  ref: el => {
154
174
  this.ref = el;
155
175
  }
package/es/ToggleDetails/theme.js CHANGED
@@ -41,29 +41,29 @@ const generateComponentTheme = theme => {
41
41
  }
42
42
  };
43
43
  const componentVariables = {
44
- fontFamily: typography?.fontFamily,
45
- fontWeight: typography?.fontWeightNormal,
46
- lineHeight: typography?.lineHeight,
47
- textColor: colors?.textDarkest,
48
- fontSizeSmall: typography?.fontSizeSmall,
49
- fontSizeMedium: typography?.fontSizeMedium,
50
- fontSizeLarge: typography?.fontSizeLarge,
44
+ fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
45
+ fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
46
+ lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeight,
47
+ textColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
48
+ fontSizeSmall: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
49
+ fontSizeMedium: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
50
+ fontSizeLarge: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge,
51
51
  smallIconSize: '0.5rem',
52
52
  mediumIconSize: '0.75rem',
53
53
  largeIconSize: '1rem',
54
- iconMargin: spacing?.xxSmall,
55
- iconColor: colors?.textDarkest,
56
- togglePadding: spacing?.xxSmall,
57
- toggleBorderRadius: borders?.radiusMedium,
58
- toggleBorderWidth: borders?.widthMedium,
59
- toggleBorderStyle: borders?.style,
60
- toggleFocusBorderColor: colors?.borderBrand,
61
- filledBackgroundColor: colors?.backgroundLight,
62
- filledBorderWidth: borders?.widthSmall,
63
- filledBorderStyle: borders?.style,
64
- filledBorderColor: colors?.borderMedium,
65
- filledBorderRadius: borders?.radiusMedium,
66
- filledPadding: spacing?.small
54
+ iconMargin: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
55
+ iconColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
56
+ togglePadding: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
57
+ toggleBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
58
+ toggleBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
59
+ toggleBorderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
60
+ toggleFocusBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
61
+ filledBackgroundColor: colors === null || colors === void 0 ? void 0 : colors.backgroundLight,
62
+ filledBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
63
+ filledBorderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
64
+ filledBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
65
+ filledBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
66
+ filledPadding: spacing === null || spacing === void 0 ? void 0 : spacing.small
67
67
  };
68
68
  return { ...componentVariables,
69
69
  ...themeSpecificStyle[themeName]
package/lib/ToggleDetails/index.js CHANGED
@@ -48,8 +48,10 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
48
48
  this.getButtonRef = el => this._button = el;
49
49
 
50
50
  this.handleToggle = (event, expanded) => {
51
+ var _this$props$makeStyle, _this$props;
52
+
51
53
  this.props.onToggle(event, expanded);
52
- this.props.makeStyles?.({
54
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
53
55
  animate: true
54
56
  });
55
57
  };
@@ -64,25 +66,31 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
64
66
  }
65
67
 
66
68
  componentDidMount() {
67
- this.props.makeStyles?.({
69
+ var _this$props$makeStyle2, _this$props2;
70
+
71
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
68
72
  animate: false
69
73
  });
70
74
  }
71
75
 
72
76
  componentDidUpdate() {
73
- this.props.makeStyles?.({
77
+ var _this$props$makeStyle3, _this$props3;
78
+
79
+ (_this$props$makeStyle3 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle3 === void 0 ? void 0 : _this$props$makeStyle3.call(_this$props3, {
74
80
  animate: true
75
81
  });
76
82
  }
77
83
 
78
84
  renderSummary(expanded) {
79
- const _this$props = this.props,
80
- summary = _this$props.summary,
81
- iconPosition = _this$props.iconPosition;
85
+ var _this$props$styles, _this$props$styles2;
86
+
87
+ const _this$props4 = this.props,
88
+ summary = _this$props4.summary,
89
+ iconPosition = _this$props4.iconPosition;
82
90
  return (0, _emotion.jsx)("span", {
83
- css: this.props.styles?.summary
91
+ css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.summary
84
92
  }, iconPosition === 'start' && this.renderIcon(expanded), (0, _emotion.jsx)("span", {
85
- css: this.props.styles?.summaryText
93
+ css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.summaryText
86
94
  }, summary), iconPosition === 'end' && this.renderIcon(expanded));
87
95
  }
88
96
 
@@ -101,27 +109,35 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
101
109
  elementRef: this.getButtonRef
102
110
  }), summary);
103
111
  } else if (props.href) {
112
+ var _this$props$styles3;
113
+
104
114
  return (0, _emotion.jsx)("a", Object.assign({}, props, {
105
- css: this.props.styles?.toggle,
115
+ css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.toggle,
106
116
  ref: this.getButtonRef
107
117
  }), summary);
108
118
  } else {
119
+ var _this$props$styles4;
120
+
109
121
  return (0, _emotion.jsx)("button", Object.assign({}, props, {
110
122
  type: "button",
111
- css: this.props.styles?.toggle,
123
+ css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.toggle,
112
124
  ref: this.getButtonRef
113
125
  }), summary);
114
126
  }
115
127
  }
116
128
 
117
129
  renderIcon(expanded) {
130
+ var _this$props$styles5;
131
+
118
132
  const Icon = expanded ? this.props.iconExpanded : this.props.icon;
119
133
  return this.props.children ? (0, _emotion.jsx)("span", {
120
- css: this.props.styles?.icon
134
+ css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.icon
121
135
  }, (0, _emotion.jsx)(Icon, null)) : null;
122
136
  }
123
137
 
124
138
  renderDetails(expanded, detailsProps) {
139
+ var _this$props$styles6;
140
+
125
141
  const children = this.props.children;
126
142
  const expandedStyles = expanded ? {
127
143
  display: 'block'
@@ -129,13 +145,15 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
129
145
  display: 'none'
130
146
  };
131
147
  return (0, _emotion.jsx)("div", Object.assign({}, detailsProps, {
132
- css: [this.props.styles?.details, expandedStyles]
148
+ css: [(_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.details, expandedStyles]
133
149
  }), children && expanded && this.renderContent());
134
150
  }
135
151
 
136
152
  renderContent() {
153
+ var _this$props$styles7;
154
+
137
155
  return (0, _emotion.jsx)("div", {
138
- css: this.props.styles?.content
156
+ css: (_this$props$styles7 = this.props.styles) === null || _this$props$styles7 === void 0 ? void 0 : _this$props$styles7.content
139
157
  }, this.props.children);
140
158
  }
141
159
 
@@ -143,11 +161,13 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
143
161
  return (0, _emotion.jsx)(_Expandable.Expandable, Object.assign({}, (0, _pickProps.pickProps)(this.props, _Expandable.Expandable.allowedProps), {
144
162
  onToggle: this.handleToggle
145
163
  }), _ref => {
164
+ var _this$props$styles8;
165
+
146
166
  let expanded = _ref.expanded,
147
167
  getToggleProps = _ref.getToggleProps,
148
168
  getDetailsProps = _ref.getDetailsProps;
149
169
  return (0, _emotion.jsx)("div", {
150
- css: this.props.styles?.toggleDetails,
170
+ css: (_this$props$styles8 = this.props.styles) === null || _this$props$styles8 === void 0 ? void 0 : _this$props$styles8.toggleDetails,
151
171
  ref: el => {
152
172
  this.ref = el;
153
173
  }
package/lib/ToggleDetails/theme.js CHANGED
@@ -48,29 +48,29 @@ const generateComponentTheme = theme => {
48
48
  }
49
49
  };
50
50
  const componentVariables = {
51
- fontFamily: typography?.fontFamily,
52
- fontWeight: typography?.fontWeightNormal,
53
- lineHeight: typography?.lineHeight,
54
- textColor: colors?.textDarkest,
55
- fontSizeSmall: typography?.fontSizeSmall,
56
- fontSizeMedium: typography?.fontSizeMedium,
57
- fontSizeLarge: typography?.fontSizeLarge,
51
+ fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
52
+ fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
53
+ lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeight,
54
+ textColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
55
+ fontSizeSmall: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
56
+ fontSizeMedium: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
57
+ fontSizeLarge: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge,
58
58
  smallIconSize: '0.5rem',
59
59
  mediumIconSize: '0.75rem',
60
60
  largeIconSize: '1rem',
61
- iconMargin: spacing?.xxSmall,
62
- iconColor: colors?.textDarkest,
63
- togglePadding: spacing?.xxSmall,
64
- toggleBorderRadius: borders?.radiusMedium,
65
- toggleBorderWidth: borders?.widthMedium,
66
- toggleBorderStyle: borders?.style,
67
- toggleFocusBorderColor: colors?.borderBrand,
68
- filledBackgroundColor: colors?.backgroundLight,
69
- filledBorderWidth: borders?.widthSmall,
70
- filledBorderStyle: borders?.style,
71
- filledBorderColor: colors?.borderMedium,
72
- filledBorderRadius: borders?.radiusMedium,
73
- filledPadding: spacing?.small
61
+ iconMargin: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
62
+ iconColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
63
+ togglePadding: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
64
+ toggleBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
65
+ toggleBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
66
+ toggleBorderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
67
+ toggleFocusBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
68
+ filledBackgroundColor: colors === null || colors === void 0 ? void 0 : colors.backgroundLight,
69
+ filledBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
70
+ filledBorderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
71
+ filledBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
72
+ filledBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
73
+ filledPadding: spacing === null || spacing === void 0 ? void 0 : spacing.small
74
74
  };
75
75
  return { ...componentVariables,
76
76
  ...themeSpecificStyle[themeName]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-toggle-details",
3
- "version": "8.18.0",
3
+ "version": "8.18.1-snapshot.0+435c9ae79",
4
4
  "description": "A styled toggleable, accordion-like component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,29 +23,29 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.18.0",
27
- "@instructure/ui-test-locator": "8.18.0",
28
- "@instructure/ui-test-queries": "8.18.0",
29
- "@instructure/ui-test-utils": "8.18.0",
30
- "@instructure/ui-themes": "8.18.0"
26
+ "@instructure/ui-babel-preset": "8.18.1-snapshot.0+435c9ae79",
27
+ "@instructure/ui-test-locator": "8.18.1-snapshot.0+435c9ae79",
28
+ "@instructure/ui-test-queries": "8.18.1-snapshot.0+435c9ae79",
29
+ "@instructure/ui-test-utils": "8.18.1-snapshot.0+435c9ae79",
30
+ "@instructure/ui-themes": "8.18.1-snapshot.0+435c9ae79"
31
31
  },
32
32
  "dependencies": {
33
33
  "@babel/runtime": "^7.13.10",
34
- "@instructure/emotion": "8.18.0",
35
- "@instructure/shared-types": "8.18.0",
36
- "@instructure/ui-buttons": "8.18.0",
37
- "@instructure/ui-dom-utils": "8.18.0",
38
- "@instructure/ui-expandable": "8.18.0",
39
- "@instructure/ui-flex": "8.18.0",
40
- "@instructure/ui-icons": "8.18.0",
41
- "@instructure/ui-menu": "8.18.0",
42
- "@instructure/ui-motion": "8.18.0",
43
- "@instructure/ui-prop-types": "8.18.0",
44
- "@instructure/ui-react-utils": "8.18.0",
45
- "@instructure/ui-testable": "8.18.0",
46
- "@instructure/ui-utils": "8.18.0",
47
- "@instructure/ui-view": "8.18.0",
48
- "@instructure/uid": "8.18.0",
34
+ "@instructure/emotion": "8.18.1-snapshot.0+435c9ae79",
35
+ "@instructure/shared-types": "8.18.1-snapshot.0+435c9ae79",
36
+ "@instructure/ui-buttons": "8.18.1-snapshot.0+435c9ae79",
37
+ "@instructure/ui-dom-utils": "8.18.1-snapshot.0+435c9ae79",
38
+ "@instructure/ui-expandable": "8.18.1-snapshot.0+435c9ae79",
39
+ "@instructure/ui-flex": "8.18.1-snapshot.0+435c9ae79",
40
+ "@instructure/ui-icons": "8.18.1-snapshot.0+435c9ae79",
41
+ "@instructure/ui-menu": "8.18.1-snapshot.0+435c9ae79",
42
+ "@instructure/ui-motion": "8.18.1-snapshot.0+435c9ae79",
43
+ "@instructure/ui-prop-types": "8.18.1-snapshot.0+435c9ae79",
44
+ "@instructure/ui-react-utils": "8.18.1-snapshot.0+435c9ae79",
45
+ "@instructure/ui-testable": "8.18.1-snapshot.0+435c9ae79",
46
+ "@instructure/ui-utils": "8.18.1-snapshot.0+435c9ae79",
47
+ "@instructure/ui-view": "8.18.1-snapshot.0+435c9ae79",
48
+ "@instructure/uid": "8.18.1-snapshot.0+435c9ae79",
49
49
  "prop-types": "^15"
50
50
  },
51
51
  "peerDependencies": {
@@ -54,5 +54,6 @@
54
54
  "publishConfig": {
55
55
  "access": "public"
56
56
  },
57
- "sideEffects": false
57
+ "sideEffects": false,
58
+ "gitHead": "435c9ae794c15e2bd103f700f8c4e946d91c1b59"
58
59
  }