@instructure/quiz-core 20.35.3-rc.7 → 20.36.1-rc.2

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 (15) hide show
  1. package/es/banks/components/NavWrapper/externalStyles.js +5 -0
  2. package/es/banks/components/NavWrapper/styles.js +4 -3
  3. package/es/common/components/layout/header/Calculator/presenter.js +2 -2
  4. package/es/common/components/layout/navbar/externalStyles.js +7 -0
  5. package/es/common/components/layout/navbar/styles.js +4 -5
  6. package/es/common/components/layout/sidebar/Sidebar/externalStyles.js +10 -0
  7. package/es/common/components/layout/sidebar/Sidebar/styles.js +4 -6
  8. package/lib/banks/components/NavWrapper/externalStyles.js +12 -0
  9. package/lib/banks/components/NavWrapper/styles.js +5 -3
  10. package/lib/common/components/layout/header/Calculator/presenter.js +2 -2
  11. package/lib/common/components/layout/navbar/externalStyles.js +14 -0
  12. package/lib/common/components/layout/navbar/styles.js +5 -5
  13. package/lib/common/components/layout/sidebar/Sidebar/externalStyles.js +17 -0
  14. package/lib/common/components/layout/sidebar/Sidebar/styles.js +4 -6
  15. package/package.json +9 -9
package/es/banks/components/NavWrapper/externalStyles.js ADDED
@@ -0,0 +1,5 @@
1
+ export var generateExternalStyle = function generateExternalStyle() {
2
+ return {
3
+ showReturnButton: true
4
+ };
5
+ };
package/es/banks/components/NavWrapper/styles.js CHANGED
@@ -1,6 +1,7 @@
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import { generateExternalStyle } from "./externalStyles.js";
1
3
  var generateStyle = function generateStyle(componentTheme) {
2
- return {
3
- showReturnButton: true,
4
+ return _objectSpread({
4
5
  nav: {
5
6
  display: 'flex',
6
7
  flexDirection: 'row',
@@ -25,6 +26,6 @@ var generateStyle = function generateStyle(componentTheme) {
25
26
  crumbs: {
26
27
  flex: 1
27
28
  }
28
- };
29
+ }, generateExternalStyle());
29
30
  };
30
31
  export default generateStyle;
package/es/common/components/layout/header/Calculator/presenter.js CHANGED
@@ -22,8 +22,8 @@ var CalculatorButton = function CalculatorButton(_ref) {
22
22
  variant: "icon",
23
23
  renderIcon: _ref2,
24
24
  disabled: !enabled,
25
- tooltip: t('Calculator')
26
- }, t('Calculator'));
25
+ tooltip: t('This calculator has accessibility limitations.')
26
+ }, t('Calculator'), /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Use the arrow keys to move the calculator after selecting "Move". Screen readers may not announce the launch clearly.')));
27
27
  }
28
28
  return /*#__PURE__*/React.createElement(Button, {
29
29
  renderIcon: IconCalculatorLine,
package/es/common/components/layout/navbar/externalStyles.js ADDED
@@ -0,0 +1,7 @@
1
+ export var generateExternalStyle = function generateExternalStyle() {
2
+ return {
3
+ showBrandIcon: true,
4
+ desktopBottomBorder: true,
5
+ desktopBottomBorderInverse: true
6
+ };
7
+ };
package/es/common/components/layout/navbar/styles.js CHANGED
@@ -1,10 +1,9 @@
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import { generateExternalStyle } from "./externalStyles.js";
1
3
  var generateStyle = function generateStyle(componentTheme) {
2
- return {
3
- showBrandIcon: true,
4
- desktopBottomBorder: true,
5
- desktopBottomBorderInverse: true,
4
+ return _objectSpread({
6
5
  backgroundColor: componentTheme.backgroundColor,
7
6
  phoneBreakPoint: componentTheme.phoneBreakPoint
8
- };
7
+ }, generateExternalStyle());
9
8
  };
10
9
  export default generateStyle;
package/es/common/components/layout/sidebar/Sidebar/externalStyles.js ADDED
@@ -0,0 +1,10 @@
1
+ export var generateExternalStyle = function generateExternalStyle(componentTheme) {
2
+ return {
3
+ sidebar: {
4
+ borderTop: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
5
+ borderRight: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
6
+ borderBottom: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
7
+ borderLeft: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor)
8
+ }
9
+ };
10
+ };
package/es/common/components/layout/sidebar/Sidebar/styles.js CHANGED
@@ -1,18 +1,16 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
3
+ import merge from 'lodash/merge';
4
+ import { generateExternalStyle } from "./externalStyles.js";
3
5
  var generateStyle = function generateStyle(componentTheme, props) {
4
6
  var _commonContainer;
5
7
  var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
6
8
  var mp = '@media print';
7
- return {
9
+ return merge({
8
10
  sidebar: _objectSpread(_objectSpread(_defineProperty({
9
11
  boxSizing: 'border-box',
10
12
  width: componentTheme.sidebarWidthClosed,
11
13
  backgroundColor: componentTheme.sidebarBackgroundColor,
12
- borderTop: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
13
- borderRight: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
14
- borderBottom: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
15
- borderLeft: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
16
14
  color: componentTheme.sidebarColor,
17
15
  height: '100%',
18
16
  overflow: 'hidden',
@@ -111,6 +109,6 @@ var generateStyle = function generateStyle(componentTheme, props) {
111
109
  }), _defineProperty(_commonContainer, mp, {
112
110
  display: 'none'
113
111
  }), _commonContainer)
114
- };
112
+ }, generateExternalStyle(componentTheme));
115
113
  };
116
114
  export default generateStyle;
package/lib/banks/components/NavWrapper/externalStyles.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.generateExternalStyle = void 0;
7
+ var generateExternalStyle = function generateExternalStyle() {
8
+ return {
9
+ showReturnButton: true
10
+ };
11
+ };
12
+ exports.generateExternalStyle = generateExternalStyle;
package/lib/banks/components/NavWrapper/styles.js CHANGED
@@ -1,12 +1,14 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
+ var _externalStyles = require("./externalStyles.js");
7
10
  var generateStyle = function generateStyle(componentTheme) {
8
- return {
9
- showReturnButton: true,
11
+ return (0, _objectSpread2.default)({
10
12
  nav: {
11
13
  display: 'flex',
12
14
  flexDirection: 'row',
@@ -31,7 +33,7 @@ var generateStyle = function generateStyle(componentTheme) {
31
33
  crumbs: {
32
34
  flex: 1
33
35
  }
34
- };
36
+ }, (0, _externalStyles.generateExternalStyle)());
35
37
  };
36
38
  var _default = generateStyle;
37
39
  exports.default = _default;
package/lib/common/components/layout/header/Calculator/presenter.js CHANGED
@@ -30,8 +30,8 @@ var CalculatorButton = function CalculatorButton(_ref) {
30
30
  variant: "icon",
31
31
  renderIcon: _ref2,
32
32
  disabled: !enabled,
33
- tooltip: (0, _formatMessage.default)('Calculator')
34
- }, (0, _formatMessage.default)('Calculator'));
33
+ tooltip: (0, _formatMessage.default)('This calculator has accessibility limitations.')
34
+ }, (0, _formatMessage.default)('Calculator'), /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Use the arrow keys to move the calculator after selecting "Move". Screen readers may not announce the launch clearly.')));
35
35
  }
36
36
  return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
37
37
  renderIcon: _uiIcons.IconCalculatorLine,
package/lib/common/components/layout/navbar/externalStyles.js ADDED
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.generateExternalStyle = void 0;
7
+ var generateExternalStyle = function generateExternalStyle() {
8
+ return {
9
+ showBrandIcon: true,
10
+ desktopBottomBorder: true,
11
+ desktopBottomBorderInverse: true
12
+ };
13
+ };
14
+ exports.generateExternalStyle = generateExternalStyle;
package/lib/common/components/layout/navbar/styles.js CHANGED
@@ -1,17 +1,17 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
+ var _externalStyles = require("./externalStyles.js");
7
10
  var generateStyle = function generateStyle(componentTheme) {
8
- return {
9
- showBrandIcon: true,
10
- desktopBottomBorder: true,
11
- desktopBottomBorderInverse: true,
11
+ return (0, _objectSpread2.default)({
12
12
  backgroundColor: componentTheme.backgroundColor,
13
13
  phoneBreakPoint: componentTheme.phoneBreakPoint
14
- };
14
+ }, (0, _externalStyles.generateExternalStyle)());
15
15
  };
16
16
  var _default = generateStyle;
17
17
  exports.default = _default;
package/lib/common/components/layout/sidebar/Sidebar/externalStyles.js ADDED
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.generateExternalStyle = void 0;
7
+ var generateExternalStyle = function generateExternalStyle(componentTheme) {
8
+ return {
9
+ sidebar: {
10
+ borderTop: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
11
+ borderRight: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
12
+ borderBottom: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
13
+ borderLeft: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor)
14
+ }
15
+ };
16
+ };
17
+ exports.generateExternalStyle = generateExternalStyle;
package/lib/common/components/layout/sidebar/Sidebar/styles.js CHANGED
@@ -7,19 +7,17 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
+ var _merge = _interopRequireDefault(require("lodash/merge"));
11
+ var _externalStyles = require("./externalStyles.js");
10
12
  var generateStyle = function generateStyle(componentTheme, props) {
11
13
  var _commonContainer;
12
14
  var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
13
15
  var mp = '@media print';
14
- return {
16
+ return (0, _merge.default)({
15
17
  sidebar: (0, _objectSpread3.default)((0, _objectSpread3.default)((0, _defineProperty2.default)({
16
18
  boxSizing: 'border-box',
17
19
  width: componentTheme.sidebarWidthClosed,
18
20
  backgroundColor: componentTheme.sidebarBackgroundColor,
19
- borderTop: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
20
- borderRight: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
21
- borderBottom: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
22
- borderLeft: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
23
21
  color: componentTheme.sidebarColor,
24
22
  height: '100%',
25
23
  overflow: 'hidden',
@@ -118,7 +116,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
118
116
  }), (0, _defineProperty2.default)(_commonContainer, mp, {
119
117
  display: 'none'
120
118
  }), _commonContainer)
121
- };
119
+ }, (0, _externalStyles.generateExternalStyle)(componentTheme));
122
120
  };
123
121
  var _default = generateStyle;
124
122
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/quiz-core",
3
- "version": "20.35.3-rc.7+f289f7f8b",
3
+ "version": "20.36.1-rc.2+e9e02e68b",
4
4
  "license": "MIT",
5
5
  "description": "The Quiz React SDK by Instructure Inc.",
6
6
  "author": "Instructure, Inc. Engineering and Product Design",
@@ -46,11 +46,11 @@
46
46
  "@instructure/emotion": "^8.56.3",
47
47
  "@instructure/grading-utils": "^1.0.0",
48
48
  "@instructure/outcomes-ui": "^3.2.2",
49
- "@instructure/quiz-common": "^20.35.3-rc.7+f289f7f8b",
50
- "@instructure/quiz-i18n": "^20.35.3-rc.7+f289f7f8b",
51
- "@instructure/quiz-interactions": "^20.35.3-rc.7+f289f7f8b",
52
- "@instructure/quiz-number-input": "^20.35.3-rc.7+f289f7f8b",
53
- "@instructure/quiz-rce": "^20.35.3-rc.7+f289f7f8b",
49
+ "@instructure/quiz-common": "^20.36.1-rc.2+e9e02e68b",
50
+ "@instructure/quiz-i18n": "^20.36.1-rc.2+e9e02e68b",
51
+ "@instructure/quiz-interactions": "^20.36.1-rc.2+e9e02e68b",
52
+ "@instructure/quiz-number-input": "^20.36.1-rc.2+e9e02e68b",
53
+ "@instructure/quiz-rce": "^20.36.1-rc.2+e9e02e68b",
54
54
  "@instructure/ui-a11y-content": "^8.56.3",
55
55
  "@instructure/ui-alerts": "^8.56.3",
56
56
  "@instructure/ui-avatar": "^8.56.3",
@@ -114,7 +114,7 @@
114
114
  "file-saver": "~2.0.5",
115
115
  "humps": "^2.0.0",
116
116
  "immutable": "^3.8.1",
117
- "instructure-validations": "^20.35.3-rc.7+f289f7f8b",
117
+ "instructure-validations": "^20.36.1-rc.2+e9e02e68b",
118
118
  "ipaddr.js": "^1.5.4",
119
119
  "isomorphic-fetch": "^2.2.0",
120
120
  "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
163
163
  "jquery": "^2.2.3",
164
164
  "karma-junit-reporter": "^2.0.1",
165
165
  "most-subject": "^5.3.0",
166
- "quiz-presets": "^20.35.3-rc.7+f289f7f8b",
166
+ "quiz-presets": "^20.36.1-rc.2+e9e02e68b",
167
167
  "react": "^16.8.6",
168
168
  "react-addons-test-utils": "^15.6.2",
169
169
  "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
179
179
  "publishConfig": {
180
180
  "access": "public"
181
181
  },
182
- "gitHead": "f289f7f8b8b9057c2f1e05a075511db43f3c3df2"
182
+ "gitHead": "e9e02e68b7ceac79699136f724fe7298b203dd5b"
183
183
  }