@deque/cauldron-react 3.0.1-canary.4607c120 → 3.0.1-canary.766c5ece

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 (79) hide show
  1. package/lib/{add-user-075c63a1.js → add-user.js} +10 -12
  2. package/lib/arrow-circle.js +24 -0
  3. package/lib/{arrow-97011665.js → arrow.js} +13 -16
  4. package/lib/arrows-alt.js +24 -0
  5. package/lib/{bolt-e44406fd.js → bolt.js} +11 -12
  6. package/lib/cauldron.css +8 -8
  7. package/lib/{caution-e048e1bf.js → caution.js} +10 -12
  8. package/lib/{check-circle-8b5069b4.js → check-circle.js} +12 -13
  9. package/lib/{check-shield-8fdb3641.js → check-shield.js} +11 -13
  10. package/lib/{check-solid-a0682f04.js → check-solid.js} +12 -13
  11. package/lib/{check-c2912d5e.js → check.js} +12 -13
  12. package/lib/{checkbox-checked-a262e99c.js → checkbox-checked.js} +12 -13
  13. package/lib/{checkbox-unchecked-2ad5b4ae.js → checkbox-unchecked.js} +11 -12
  14. package/lib/chevron-double.js +24 -0
  15. package/lib/chevron.js +24 -0
  16. package/lib/{close-31ce4dcf.js → close.js} +12 -13
  17. package/lib/code.js +25 -0
  18. package/lib/components/IssuePanel/index.d.ts +17 -0
  19. package/lib/components/Loader/index.d.ts +2 -3
  20. package/lib/components/Panel/index.d.ts +12 -8
  21. package/lib/{copy-d2ade017.js → copy.js} +10 -12
  22. package/lib/{download-2790e982.js → download.js} +10 -12
  23. package/lib/exchange.js +24 -0
  24. package/lib/external-link.js +25 -0
  25. package/lib/{eye-a0d28243.js → eye.js} +10 -12
  26. package/lib/{filter-d2057f4c.js → filter.js} +10 -12
  27. package/lib/{flag-fb248a99.js → flag.js} +12 -13
  28. package/lib/gears.js +22 -0
  29. package/lib/{grid-ee446118.js → grid.js} +10 -12
  30. package/lib/{hamburger-menu-0fc0e266.js → hamburger-menu.js} +10 -11
  31. package/lib/highlight.js +24 -0
  32. package/lib/index.d.ts +1 -0
  33. package/lib/index.js +122 -95
  34. package/lib/{info-circle-alt-b1a696c7.js → info-circle-alt.js} +10 -12
  35. package/lib/{info-circle-b43f7a9b.js → info-circle.js} +11 -12
  36. package/lib/{info-square-f193e281.js → info-square.js} +10 -11
  37. package/lib/kabob.js +25 -0
  38. package/lib/{list-8fbd8209.js → list.js} +10 -11
  39. package/lib/{lock-bd0122db.js → lock.js} +12 -13
  40. package/lib/{magnifying-glass-2907fb77.js → magnifying-glass.js} +9 -11
  41. package/lib/{menu-2f2be7c2.js → menu.js} +11 -12
  42. package/lib/{new-releases-ac749bdd.js → new-releases.js} +13 -15
  43. package/lib/{new-6c3ac7d7.js → new.js} +11 -12
  44. package/lib/{no-bb3aa565.js → no.js} +12 -13
  45. package/lib/{pencil-4843058f.js → pencil.js} +11 -13
  46. package/lib/{plus-6589e613.js → plus.js} +11 -12
  47. package/lib/{question-circle-c3c634c4.js → question-circle.js} +11 -13
  48. package/lib/{radio-checked-006112fe.js → radio-checked.js} +11 -12
  49. package/lib/{radio-unchecked-a76e2d66.js → radio-unchecked.js} +11 -12
  50. package/lib/{recycle-0198fb67.js → recycle.js} +11 -12
  51. package/lib/robot.js +26 -0
  52. package/lib/run-again.js +23 -0
  53. package/lib/{save-edf5fc68.js → save.js} +12 -13
  54. package/lib/share.js +25 -0
  55. package/lib/{sort-49ec1442.js → sort.js} +11 -13
  56. package/lib/{star-a1af8d95.js → star.js} +11 -13
  57. package/lib/sun.js +24 -0
  58. package/lib/{tag-56c32f4f.js → tag.js} +11 -12
  59. package/lib/target.js +28 -0
  60. package/lib/trash.js +24 -0
  61. package/lib/{triangle-51d7723a.js → triangle.js} +14 -16
  62. package/lib/{upload-d71f0e44.js → upload.js} +10 -12
  63. package/package.json +3 -3
  64. package/lib/arrow-circle-7b95a2fd.js +0 -27
  65. package/lib/arrows-alt-b91e24b7.js +0 -26
  66. package/lib/chevron-064d5f96.js +0 -26
  67. package/lib/chevron-double-65975fca.js +0 -26
  68. package/lib/code-e3365341.js +0 -26
  69. package/lib/exchange-1d290efb.js +0 -26
  70. package/lib/external-link-ef122c95.js +0 -26
  71. package/lib/gears-b9ee1585.js +0 -23
  72. package/lib/highlight-81bfb759.js +0 -26
  73. package/lib/kabob-692fdc00.js +0 -26
  74. package/lib/robot-22863b2b.js +0 -29
  75. package/lib/run-again-c9777075.js +0 -25
  76. package/lib/share-70e94257.js +0 -26
  77. package/lib/sun-408aecdc.js +0 -26
  78. package/lib/target-50f179e0.js +0 -35
  79. package/lib/trash-896a3291.js +0 -26
@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
7
 
8
+ var _path;
9
+
8
10
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
11
 
10
- var _ref = /*#__PURE__*/React.createElement("path", {
12
+ const SvgDownload = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ overflow: "visible",
14
+ preserveAspectRatio: "none",
15
+ viewBox: "0 0 24 24",
16
+ height: 24,
17
+ width: 24
18
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
19
  d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z",
12
20
  vectorEffect: "non-scaling-stroke",
13
21
  fill: "currentColor"
14
- });
15
-
16
- function SvgDownload(props) {
17
- return /*#__PURE__*/React.createElement("svg", _extends({
18
- overflow: "visible",
19
- preserveAspectRatio: "none",
20
- viewBox: "0 0 24 24",
21
- width: 21,
22
- height: 21
23
- }, props), _ref);
24
- }
22
+ })));
25
23
 
26
24
  exports.default = SvgDownload;
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+
8
+ var _path;
9
+
10
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+
12
+ const SvgExchange = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ overflow: "visible",
14
+ preserveAspectRatio: "none",
15
+ viewBox: "0 0 24 24",
16
+ height: 24,
17
+ width: 24
18
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
19
+ d: "M21.33 14.34a.347.347 0 0 0-.33-.33H6.67v-2a.347.347 0 0 0-.33-.33.34.34 0 0 0-.24.09L2.77 15.1a.34.34 0 0 0-.09.24c0 .09.03.17.09.23l3.32 3.33c.07.06.16.1.25.1.18-.01.32-.15.33-.33v-2H21c.18-.01.32-.15.33-.33v-2zm0-5.66a.34.34 0 0 0-.09-.24l-3.33-3.32a.407.407 0 0 0-.25-.11.314.314 0 0 0-.33.3v2.02H3c-.18.01-.33.16-.33.34v2c0 .18.15.33.33.34h14.33v2c.01.18.15.32.33.33.09 0 .18-.03.24-.09l3.33-3.33a.34.34 0 0 0 .09-.24h.01z",
20
+ fill: "currentColor",
21
+ vectorEffect: "non-scaling-stroke"
22
+ })));
23
+
24
+ exports.default = SvgExchange;
@@ -0,0 +1,25 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+
8
+ var _path;
9
+
10
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+
12
+ const SvgExternalLink = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ overflow: "visible",
15
+ preserveAspectRatio: "none",
16
+ viewBox: "0 0 24 24",
17
+ height: 24,
18
+ width: 24
19
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
20
+ d: "M17.33 13.67a.317.317 0 0 0-.3-.34h-.7c-.18-.01-.32.13-.33.31V17c0 .92-.75 1.67-1.67 1.67H5.67C4.75 18.67 4 17.92 4 17V8.34c0-.92.75-1.67 1.67-1.67H13c.18.01.32-.13.33-.31v-.69c.01-.18-.13-.32-.31-.33H5.67a2.9 2.9 0 0 0-2.12.88 2.9 2.9 0 0 0-.88 2.12V17c-.01.8.31 1.57.88 2.12a2.9 2.9 0 0 0 2.12.88h8.66c1.66 0 3-1.34 3-3v-3.33zm4-9a.683.683 0 0 0-.67-.67h-5.33c-.36 0-.66.29-.67.65 0 .18.07.35.2.48L16.7 7l-6.79 6.76c-.13.13-.14.33-.01.47l.01.01 1.19 1.19c.13.13.33.14.47.01l.01-.01 6.79-6.79 1.83 1.83c.27.25.69.24.95-.03.11-.12.18-.28.18-.44V4.67z",
21
+ vectorEffect: "non-scaling-stroke",
22
+ fill: "currentColor"
23
+ })));
24
+
25
+ exports.default = SvgExternalLink;
@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
7
 
8
+ var _path;
9
+
8
10
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
11
 
10
- var _ref = /*#__PURE__*/React.createElement("path", {
12
+ const SvgEye = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ overflow: "visible",
14
+ preserveAspectRatio: "none",
15
+ viewBox: "0 0 24 24",
16
+ height: 24,
17
+ width: 24
18
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
19
  d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",
12
20
  vectorEffect: "non-scaling-stroke",
13
21
  fill: "currentColor"
14
- });
15
-
16
- function SvgEye(props) {
17
- return /*#__PURE__*/React.createElement("svg", _extends({
18
- overflow: "visible",
19
- preserveAspectRatio: "none",
20
- viewBox: "0 0 24 24",
21
- width: 16,
22
- height: 15
23
- }, props), _ref);
24
- }
22
+ })));
25
23
 
26
24
  exports.default = SvgEye;
@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
7
 
8
+ var _path;
9
+
8
10
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
11
 
10
- var _ref = /*#__PURE__*/React.createElement("path", {
12
+ const SvgFilter = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ overflow: "visible",
14
+ preserveAspectRatio: "none",
15
+ viewBox: "0 0 24 24",
16
+ height: 24,
17
+ width: 24
18
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
19
  d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z",
12
20
  fill: "currentColor",
13
21
  vectorEffect: "non-scaling-stroke"
14
- });
15
-
16
- function SvgFilter(props) {
17
- return /*#__PURE__*/React.createElement("svg", _extends({
18
- overflow: "visible",
19
- preserveAspectRatio: "none",
20
- viewBox: "0 0 24 24",
21
- width: 32,
22
- height: 32
23
- }, props), _ref);
24
- }
22
+ })));
25
23
 
26
24
  exports.default = SvgFilter;
@@ -5,22 +5,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
7
 
8
+ var _path;
9
+
8
10
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
11
 
10
- var _ref = /*#__PURE__*/React.createElement("path", {
11
- d: "M5.67 5.34c.01-.73-.59-1.33-1.32-1.34h-.01c-.73-.01-1.33.59-1.34 1.32v.02c-.01.48.25.93.67 1.15v13.17c0 .18.15.33.33.34h.67c.18-.01.33-.16.33-.34V6.48c.42-.22.68-.67.67-1.15v.01zM21 6a.683.683 0 00-.67-.67c-.2.04-.39.11-.57.22l-.91.45c-.37.2-.75.36-1.15.49-.39.14-.8.21-1.22.22-.32.01-.63-.06-.92-.2-.74-.36-1.5-.66-2.28-.92a6.98 6.98 0 00-2.08-.3 9.95 9.95 0 00-4.38 1.3c-.28.12-.55.26-.82.41a.73.73 0 00-.32.57v7.73c.01.37.3.66.67.67.12 0 .24-.03.34-.09 1.46-.89 3.12-1.41 4.83-1.52.5 0 1 .08 1.48.23.42.13.82.29 1.2.5.36.2.74.37 1.13.5.41.15.85.23 1.29.23 1.36-.09 2.68-.5 3.84-1.21.15-.07.29-.17.41-.29.09-.11.14-.25.13-.4V6z",
12
+ const SvgFlag = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ overflow: "visible",
15
+ preserveAspectRatio: "none",
16
+ viewBox: "0 0 24 24",
17
+ height: 24,
18
+ width: 24
19
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
20
+ d: "M5.67 5.34c.01-.73-.59-1.33-1.32-1.34h-.01c-.73-.01-1.33.59-1.34 1.32v.02c-.01.48.25.93.67 1.15v13.17c0 .18.15.33.33.34h.67c.18-.01.33-.16.33-.34V6.48c.42-.22.68-.67.67-1.15v.01zM21 6a.683.683 0 0 0-.67-.67c-.2.04-.39.11-.57.22l-.91.45c-.37.2-.75.36-1.15.49-.39.14-.8.21-1.22.22-.32.01-.63-.06-.92-.2-.74-.36-1.5-.66-2.28-.92a6.98 6.98 0 0 0-2.08-.3 9.95 9.95 0 0 0-4.38 1.3c-.28.12-.55.26-.82.41a.73.73 0 0 0-.32.57v7.73c.01.37.3.66.67.67.12 0 .24-.03.34-.09 1.46-.89 3.12-1.41 4.83-1.52.5 0 1 .08 1.48.23.42.13.82.29 1.2.5.36.2.74.37 1.13.5.41.15.85.23 1.29.23 1.36-.09 2.68-.5 3.84-1.21.15-.07.29-.17.41-.29.09-.11.14-.25.13-.4V6z",
12
21
  vectorEffect: "non-scaling-stroke",
13
22
  fill: "currentColor"
14
- });
15
-
16
- function SvgFlag(props) {
17
- return /*#__PURE__*/React.createElement("svg", _extends({
18
- overflow: "visible",
19
- preserveAspectRatio: "none",
20
- viewBox: "0 0 24 24",
21
- width: 19,
22
- height: 19
23
- }, props), _ref);
24
- }
23
+ })));
25
24
 
26
25
  exports.default = SvgFlag;
package/lib/gears.js ADDED
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+
8
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
+
10
+ const SvgGears = props => /*#__PURE__*/React.createElement("svg", _extends({
11
+ xmlns: "http://www.w3.org/2000/svg",
12
+ viewBox: "0 0 29.74 26.88",
13
+ height: 24,
14
+ width: 24
15
+ }, props), /*#__PURE__*/React.createElement("path", {
16
+ d: "M19.22 15.56a.38.38 0 0 0-.22-.16l-2.31-.35a6.79 6.79 0 0 0-.52-1.21l.68-.88c.3-.37.51-.65.64-.83a.51.51 0 0 0 .1-.29.41.41 0 0 0-.09-.28 17.53 17.53 0 0 0-2.08-2.14.48.48 0 0 0-.31-.12.41.41 0 0 0-.3.11L13 10.7a9.28 9.28 0 0 0-1.13-.47l-.35-2.31a.37.37 0 0 0-.15-.26.39.39 0 0 0-.3-.12h-2.8a.41.41 0 0 0-.45.35 18.64 18.64 0 0 0-.36 2.34 7.33 7.33 0 0 0-1.15.48L4.57 9.36a.58.58 0 0 0-.33-.12 3.06 3.06 0 0 0-1.24.89 14.32 14.32 0 0 0-1.21 1.36.53.53 0 0 0-.1.29.42.42 0 0 0 .12.3c.55.68 1 1.26 1.34 1.74A6.06 6.06 0 0 0 2.68 15l-2.34.35a.35.35 0 0 0-.24.17.46.46 0 0 0-.1.29v2.79a.51.51 0 0 0 .1.29.42.42 0 0 0 .26.16l2.31.33a5.66 5.66 0 0 0 .52 1.21c-.16.21-.37.5-.68.88s-.5.66-.64.84a.48.48 0 0 0-.09.29.49.49 0 0 0 .08.29A17.27 17.27 0 0 0 3.94 25a.41.41 0 0 0 .31.14.52.52 0 0 0 .32-.11l1.77-1.34a11.37 11.37 0 0 0 1.14.47l.35 2.32a.34.34 0 0 0 .15.26.44.44 0 0 0 .31.11h2.79a.43.43 0 0 0 .45-.35 18.64 18.64 0 0 0 .36-2.34A7.36 7.36 0 0 0 13 23.7l1.74 1.36a.52.52 0 0 0 .32.11 2.94 2.94 0 0 0 1.21-.9 11.9 11.9 0 0 0 1.21-1.35.46.46 0 0 0 .11-.29.53.53 0 0 0-.12-.32c-.61-.73-1.05-1.31-1.34-1.74a7.68 7.68 0 0 0 .49-1.14l2.38-.35a.43.43 0 0 0 .34-.45v-2.79a.43.43 0 0 0-.12-.28zm-7.28 3.91a3.22 3.22 0 0 1-4.54 0 3.23 3.23 0 0 1 0-4.54 3.22 3.22 0 0 1 4.55 0 3.56 3.56 0 0 1-.01 4.54zM29.73 5.16a.28.28 0 0 0-.06-.16.27.27 0 0 0-.16-.1l-1.44-.21a3.85 3.85 0 0 0-.32-.75c.1-.13.23-.32.42-.55s.32-.41.4-.52a.28.28 0 0 0 .06-.18.26.26 0 0 0-.05-.17 11.58 11.58 0 0 0-1.29-1.33.35.35 0 0 0-.2-.07.27.27 0 0 0-.19.06L25.81 2a6.29 6.29 0 0 0-.71-.3L24.89.24a.22.22 0 0 0-.09-.16.25.25 0 0 0-.19-.08h-1.74a.26.26 0 0 0-.28.22 12.1 12.1 0 0 0-.22 1.45 5.74 5.74 0 0 0-.72.3l-1.08-.84a.35.35 0 0 0-.2-.07 2 2 0 0 0-.75.55 8.49 8.49 0 0 0-.75.84.4.4 0 0 0-.07.18.27.27 0 0 0 .08.19c.34.42.62.78.83 1.08a4.09 4.09 0 0 0-.31.75l-1.4.22a.23.23 0 0 0-.15.1.3.3 0 0 0-.06.18v1.74a.32.32 0 0 0 .06.18.22.22 0 0 0 .16.09l1.44.21a3.32 3.32 0 0 0 .32.75l-.42.55c-.19.23-.32.41-.4.52a.28.28 0 0 0-.06.18.35.35 0 0 0 .05.18 11.4 11.4 0 0 0 1.29 1.31.3.3 0 0 0 .2.08.31.31 0 0 0 .19-.06l1.06-.88a5.46 5.46 0 0 0 .7.3l.22 1.44a.26.26 0 0 0 .09.16.28.28 0 0 0 .19.07h1.74a.25.25 0 0 0 .27-.22 12.13 12.13 0 0 0 .23-1.45 5 5 0 0 0 .71-.3l1.08.84a.36.36 0 0 0 .2.06 1.73 1.73 0 0 0 .75-.55 7.49 7.49 0 0 0 .75-.84.24.24 0 0 0 .07-.18.35.35 0 0 0-.07-.2 12.91 12.91 0 0 1-.84-1.08 4.49 4.49 0 0 0 .31-.71l1.45-.22a.25.25 0 0 0 .16-.1.34.34 0 0 0 0-.17v-1.7zm-4.58 2.25a2 2 0 0 1-2.82 0 2 2 0 0 1 0-2.82 2 2 0 0 1 2.82 0 2.23 2.23 0 0 1 0 2.82z",
17
+ style: {
18
+ fill: "currentColor"
19
+ }
20
+ }));
21
+
22
+ exports.default = SvgGears;
@@ -5,21 +5,19 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
7
 
8
+ var _path;
9
+
8
10
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
11
 
10
- var _ref = /*#__PURE__*/React.createElement("path", {
12
+ const SvgGrid = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ overflow: "visible",
14
+ preserveAspectRatio: "none",
15
+ viewBox: "0 0 24 24",
16
+ height: 24,
17
+ width: 24
18
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
19
  d: "M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z",
12
20
  fill: "currentColor"
13
- });
14
-
15
- function SvgGrid(props) {
16
- return /*#__PURE__*/React.createElement("svg", _extends({
17
- overflow: "visible",
18
- preserveAspectRatio: "none",
19
- viewBox: "0 0 24 24",
20
- width: 19,
21
- height: 19
22
- }, props), _ref);
23
- }
21
+ })));
24
22
 
25
23
  exports.default = SvgGrid;
@@ -5,9 +5,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
7
 
8
+ var _g;
9
+
8
10
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
11
 
10
- var _ref = /*#__PURE__*/React.createElement("g", {
12
+ const SvgHamburgerMenu = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ overflow: "visible",
14
+ preserveAspectRatio: "none",
15
+ viewBox: "0 0 20 20",
16
+ height: 24,
17
+ width: 24
18
+ }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
11
19
  fill: "currentColor"
12
20
  }, /*#__PURE__*/React.createElement("rect", {
13
21
  x: 1,
@@ -27,15 +35,6 @@ var _ref = /*#__PURE__*/React.createElement("g", {
27
35
  width: 18,
28
36
  height: 3,
29
37
  rx: 1
30
- }));
31
-
32
- function SvgHamburgerMenu(props) {
33
- return /*#__PURE__*/React.createElement("svg", _extends({
34
- overflow: "visible",
35
- preserveAspectRatio: "none",
36
- width: 20,
37
- height: 20
38
- }, props), _ref);
39
- }
38
+ }))));
40
39
 
41
40
  exports.default = SvgHamburgerMenu;
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+
8
+ var _path;
9
+
10
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+
12
+ const SvgHighlight = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ overflow: "visible",
14
+ preserveAspectRatio: "none",
15
+ viewBox: "0 0 24 24",
16
+ height: 24,
17
+ width: 24
18
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
19
+ d: "M15.3 15.3c-.56.56-1.24.96-2 1.17v-1.14a.683.683 0 0 0-.67-.67h-1.3c-.37.01-.66.3-.67.67v1.13a4.677 4.677 0 0 1-3.13-3.13h1.14c.37-.01.66-.3.67-.67v-1.33a.683.683 0 0 0-.67-.67H7.53c.45-1.5 1.63-2.68 3.13-3.13v1.14c.01.37.3.66.67.67h1.33c.37-.01.66-.3.67-.67V7.53c1.5.45 2.68 1.63 3.13 3.13h-1.13c-.37.01-.66.3-.67.67v1.33c.01.37.3.66.67.67h1.13c-.21.74-.61 1.42-1.16 1.97zm4.7-4a.683.683 0 0 0-.67-.67h-1.49c-.51-2.24-2.27-4-4.51-4.51V4.66a.688.688 0 0 0-.66-.67h-1.34a.69.69 0 0 0-.67.67v1.49c-2.24.51-4 2.27-4.51 4.51H4.67c-.37.01-.66.31-.67.68v1.33c.01.37.3.66.67.67h1.49c.51 2.24 2.27 4 4.51 4.51v1.49c.01.37.3.66.67.67h1.33c.37-.01.66-.3.67-.67v-1.5c2.24-.51 4-2.27 4.51-4.51h1.49c.36-.01.65-.3.66-.66V11.3z",
20
+ fill: "currentColor",
21
+ vectorEffect: "non-scaling-stroke"
22
+ })));
23
+
24
+ exports.default = SvgHighlight;
package/lib/index.d.ts CHANGED
@@ -42,6 +42,7 @@ export { default as Tabs, Tab, TabPanel } from './components/Tabs';
42
42
  export { DescriptionList, DescriptionListItem, DescriptionTerm, DescriptionDetails } from './components/DescriptionList';
43
43
  export { default as Stepper, Step } from './components/Stepper';
44
44
  export { default as Panel } from './components/Panel';
45
+ export { default as IssuePanel } from './components/IssuePanel';
45
46
  export { default as ProgressBar } from './components/ProgressBar';
46
47
  export { Address, AddressLine, AddressCityStateZip } from './components/Address';
47
48
  /**
package/lib/index.js CHANGED
@@ -191,64 +191,68 @@ var iconTypes = [
191
191
  ];
192
192
 
193
193
  function __variableDynamicImportRuntime0__(path) {
194
- switch (path) {
195
- case './icons/add-user.svg': return Promise.resolve().then(function () { return require('./add-user-075c63a1.js'); });
196
- case './icons/arrow-circle.svg': return Promise.resolve().then(function () { return require('./arrow-circle-7b95a2fd.js'); });
197
- case './icons/arrow.svg': return Promise.resolve().then(function () { return require('./arrow-97011665.js'); });
198
- case './icons/arrows-alt.svg': return Promise.resolve().then(function () { return require('./arrows-alt-b91e24b7.js'); });
199
- case './icons/bolt.svg': return Promise.resolve().then(function () { return require('./bolt-e44406fd.js'); });
200
- case './icons/caution.svg': return Promise.resolve().then(function () { return require('./caution-e048e1bf.js'); });
201
- case './icons/check-circle.svg': return Promise.resolve().then(function () { return require('./check-circle-8b5069b4.js'); });
202
- case './icons/check-shield.svg': return Promise.resolve().then(function () { return require('./check-shield-8fdb3641.js'); });
203
- case './icons/check-solid.svg': return Promise.resolve().then(function () { return require('./check-solid-a0682f04.js'); });
204
- case './icons/check.svg': return Promise.resolve().then(function () { return require('./check-c2912d5e.js'); });
205
- case './icons/checkbox-checked.svg': return Promise.resolve().then(function () { return require('./checkbox-checked-a262e99c.js'); });
206
- case './icons/checkbox-unchecked.svg': return Promise.resolve().then(function () { return require('./checkbox-unchecked-2ad5b4ae.js'); });
207
- case './icons/chevron-double.svg': return Promise.resolve().then(function () { return require('./chevron-double-65975fca.js'); });
208
- case './icons/chevron.svg': return Promise.resolve().then(function () { return require('./chevron-064d5f96.js'); });
209
- case './icons/close.svg': return Promise.resolve().then(function () { return require('./close-31ce4dcf.js'); });
210
- case './icons/code.svg': return Promise.resolve().then(function () { return require('./code-e3365341.js'); });
211
- case './icons/copy.svg': return Promise.resolve().then(function () { return require('./copy-d2ade017.js'); });
212
- case './icons/download.svg': return Promise.resolve().then(function () { return require('./download-2790e982.js'); });
213
- case './icons/exchange.svg': return Promise.resolve().then(function () { return require('./exchange-1d290efb.js'); });
214
- case './icons/external-link.svg': return Promise.resolve().then(function () { return require('./external-link-ef122c95.js'); });
215
- case './icons/eye.svg': return Promise.resolve().then(function () { return require('./eye-a0d28243.js'); });
216
- case './icons/filter.svg': return Promise.resolve().then(function () { return require('./filter-d2057f4c.js'); });
217
- case './icons/flag.svg': return Promise.resolve().then(function () { return require('./flag-fb248a99.js'); });
218
- case './icons/gears.svg': return Promise.resolve().then(function () { return require('./gears-b9ee1585.js'); });
219
- case './icons/grid.svg': return Promise.resolve().then(function () { return require('./grid-ee446118.js'); });
220
- case './icons/hamburger-menu.svg': return Promise.resolve().then(function () { return require('./hamburger-menu-0fc0e266.js'); });
221
- case './icons/highlight.svg': return Promise.resolve().then(function () { return require('./highlight-81bfb759.js'); });
222
- case './icons/info-circle-alt.svg': return Promise.resolve().then(function () { return require('./info-circle-alt-b1a696c7.js'); });
223
- case './icons/info-circle.svg': return Promise.resolve().then(function () { return require('./info-circle-b43f7a9b.js'); });
224
- case './icons/info-square.svg': return Promise.resolve().then(function () { return require('./info-square-f193e281.js'); });
225
- case './icons/kabob.svg': return Promise.resolve().then(function () { return require('./kabob-692fdc00.js'); });
226
- case './icons/list.svg': return Promise.resolve().then(function () { return require('./list-8fbd8209.js'); });
227
- case './icons/lock.svg': return Promise.resolve().then(function () { return require('./lock-bd0122db.js'); });
228
- case './icons/magnifying-glass.svg': return Promise.resolve().then(function () { return require('./magnifying-glass-2907fb77.js'); });
229
- case './icons/menu.svg': return Promise.resolve().then(function () { return require('./menu-2f2be7c2.js'); });
230
- case './icons/new-releases.svg': return Promise.resolve().then(function () { return require('./new-releases-ac749bdd.js'); });
231
- case './icons/new.svg': return Promise.resolve().then(function () { return require('./new-6c3ac7d7.js'); });
232
- case './icons/no.svg': return Promise.resolve().then(function () { return require('./no-bb3aa565.js'); });
233
- case './icons/pencil.svg': return Promise.resolve().then(function () { return require('./pencil-4843058f.js'); });
234
- case './icons/plus.svg': return Promise.resolve().then(function () { return require('./plus-6589e613.js'); });
235
- case './icons/question-circle.svg': return Promise.resolve().then(function () { return require('./question-circle-c3c634c4.js'); });
236
- case './icons/radio-checked.svg': return Promise.resolve().then(function () { return require('./radio-checked-006112fe.js'); });
237
- case './icons/radio-unchecked.svg': return Promise.resolve().then(function () { return require('./radio-unchecked-a76e2d66.js'); });
238
- case './icons/recycle.svg': return Promise.resolve().then(function () { return require('./recycle-0198fb67.js'); });
239
- case './icons/robot.svg': return Promise.resolve().then(function () { return require('./robot-22863b2b.js'); });
240
- case './icons/run-again.svg': return Promise.resolve().then(function () { return require('./run-again-c9777075.js'); });
241
- case './icons/save.svg': return Promise.resolve().then(function () { return require('./save-edf5fc68.js'); });
242
- case './icons/share.svg': return Promise.resolve().then(function () { return require('./share-70e94257.js'); });
243
- case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort-49ec1442.js'); });
244
- case './icons/star.svg': return Promise.resolve().then(function () { return require('./star-a1af8d95.js'); });
245
- case './icons/sun.svg': return Promise.resolve().then(function () { return require('./sun-408aecdc.js'); });
246
- case './icons/tag.svg': return Promise.resolve().then(function () { return require('./tag-56c32f4f.js'); });
247
- case './icons/target.svg': return Promise.resolve().then(function () { return require('./target-50f179e0.js'); });
248
- case './icons/trash.svg': return Promise.resolve().then(function () { return require('./trash-896a3291.js'); });
249
- case './icons/triangle.svg': return Promise.resolve().then(function () { return require('./triangle-51d7723a.js'); });
250
- case './icons/upload.svg': return Promise.resolve().then(function () { return require('./upload-d71f0e44.js'); });
251
- default: return Promise.reject(new Error("Unknown variable dynamic import: " + path));
194
+ switch (path) {
195
+ case './icons/add-user.svg': return Promise.resolve().then(function () { return require('./add-user.js'); });
196
+ case './icons/arrow-circle.svg': return Promise.resolve().then(function () { return require('./arrow-circle.js'); });
197
+ case './icons/arrow.svg': return Promise.resolve().then(function () { return require('./arrow.js'); });
198
+ case './icons/arrows-alt.svg': return Promise.resolve().then(function () { return require('./arrows-alt.js'); });
199
+ case './icons/bolt.svg': return Promise.resolve().then(function () { return require('./bolt.js'); });
200
+ case './icons/caution.svg': return Promise.resolve().then(function () { return require('./caution.js'); });
201
+ case './icons/check-circle.svg': return Promise.resolve().then(function () { return require('./check-circle.js'); });
202
+ case './icons/check-shield.svg': return Promise.resolve().then(function () { return require('./check-shield.js'); });
203
+ case './icons/check-solid.svg': return Promise.resolve().then(function () { return require('./check-solid.js'); });
204
+ case './icons/check.svg': return Promise.resolve().then(function () { return require('./check.js'); });
205
+ case './icons/checkbox-checked.svg': return Promise.resolve().then(function () { return require('./checkbox-checked.js'); });
206
+ case './icons/checkbox-unchecked.svg': return Promise.resolve().then(function () { return require('./checkbox-unchecked.js'); });
207
+ case './icons/chevron-double.svg': return Promise.resolve().then(function () { return require('./chevron-double.js'); });
208
+ case './icons/chevron.svg': return Promise.resolve().then(function () { return require('./chevron.js'); });
209
+ case './icons/close.svg': return Promise.resolve().then(function () { return require('./close.js'); });
210
+ case './icons/code.svg': return Promise.resolve().then(function () { return require('./code.js'); });
211
+ case './icons/copy.svg': return Promise.resolve().then(function () { return require('./copy.js'); });
212
+ case './icons/download.svg': return Promise.resolve().then(function () { return require('./download.js'); });
213
+ case './icons/exchange.svg': return Promise.resolve().then(function () { return require('./exchange.js'); });
214
+ case './icons/external-link.svg': return Promise.resolve().then(function () { return require('./external-link.js'); });
215
+ case './icons/eye.svg': return Promise.resolve().then(function () { return require('./eye.js'); });
216
+ case './icons/filter.svg': return Promise.resolve().then(function () { return require('./filter.js'); });
217
+ case './icons/flag.svg': return Promise.resolve().then(function () { return require('./flag.js'); });
218
+ case './icons/gears.svg': return Promise.resolve().then(function () { return require('./gears.js'); });
219
+ case './icons/grid.svg': return Promise.resolve().then(function () { return require('./grid.js'); });
220
+ case './icons/hamburger-menu.svg': return Promise.resolve().then(function () { return require('./hamburger-menu.js'); });
221
+ case './icons/highlight.svg': return Promise.resolve().then(function () { return require('./highlight.js'); });
222
+ case './icons/info-circle-alt.svg': return Promise.resolve().then(function () { return require('./info-circle-alt.js'); });
223
+ case './icons/info-circle.svg': return Promise.resolve().then(function () { return require('./info-circle.js'); });
224
+ case './icons/info-square.svg': return Promise.resolve().then(function () { return require('./info-square.js'); });
225
+ case './icons/kabob.svg': return Promise.resolve().then(function () { return require('./kabob.js'); });
226
+ case './icons/list.svg': return Promise.resolve().then(function () { return require('./list.js'); });
227
+ case './icons/lock.svg': return Promise.resolve().then(function () { return require('./lock.js'); });
228
+ case './icons/magnifying-glass.svg': return Promise.resolve().then(function () { return require('./magnifying-glass.js'); });
229
+ case './icons/menu.svg': return Promise.resolve().then(function () { return require('./menu.js'); });
230
+ case './icons/new-releases.svg': return Promise.resolve().then(function () { return require('./new-releases.js'); });
231
+ case './icons/new.svg': return Promise.resolve().then(function () { return require('./new.js'); });
232
+ case './icons/no.svg': return Promise.resolve().then(function () { return require('./no.js'); });
233
+ case './icons/pencil.svg': return Promise.resolve().then(function () { return require('./pencil.js'); });
234
+ case './icons/plus.svg': return Promise.resolve().then(function () { return require('./plus.js'); });
235
+ case './icons/question-circle.svg': return Promise.resolve().then(function () { return require('./question-circle.js'); });
236
+ case './icons/radio-checked.svg': return Promise.resolve().then(function () { return require('./radio-checked.js'); });
237
+ case './icons/radio-unchecked.svg': return Promise.resolve().then(function () { return require('./radio-unchecked.js'); });
238
+ case './icons/recycle.svg': return Promise.resolve().then(function () { return require('./recycle.js'); });
239
+ case './icons/robot.svg': return Promise.resolve().then(function () { return require('./robot.js'); });
240
+ case './icons/run-again.svg': return Promise.resolve().then(function () { return require('./run-again.js'); });
241
+ case './icons/save.svg': return Promise.resolve().then(function () { return require('./save.js'); });
242
+ case './icons/share.svg': return Promise.resolve().then(function () { return require('./share.js'); });
243
+ case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort.js'); });
244
+ case './icons/star.svg': return Promise.resolve().then(function () { return require('./star.js'); });
245
+ case './icons/sun.svg': return Promise.resolve().then(function () { return require('./sun.js'); });
246
+ case './icons/tag.svg': return Promise.resolve().then(function () { return require('./tag.js'); });
247
+ case './icons/target.svg': return Promise.resolve().then(function () { return require('./target.js'); });
248
+ case './icons/trash.svg': return Promise.resolve().then(function () { return require('./trash.js'); });
249
+ case './icons/triangle.svg': return Promise.resolve().then(function () { return require('./triangle.js'); });
250
+ case './icons/upload.svg': return Promise.resolve().then(function () { return require('./upload.js'); });
251
+ default: return new Promise(function(resolve, reject) {
252
+ (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
253
+ reject.bind(null, new Error("Unknown variable dynamic import: " + path))
254
+ );
255
+ })
252
256
  }
253
257
  }
254
258
  var Icon = React.forwardRef(function (_a, ref) {
@@ -1643,6 +1647,13 @@ var IconButton = React.forwardRef(function (_a, ref) {
1643
1647
  accessibilityProps['aria-disabled'] = disabled;
1644
1648
  }
1645
1649
  }
1650
+ React.useEffect(function () {
1651
+ var _a;
1652
+ if (!disabled) {
1653
+ return;
1654
+ }
1655
+ (_a = internalRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-label', label);
1656
+ }, [disabled]);
1646
1657
  return (React__default.createElement(React__default.Fragment, null,
1647
1658
  React__default.createElement(Component, tslib.__assign({ className: classNames(className, {
1648
1659
  IconButton: true,
@@ -2186,22 +2197,18 @@ Link.propTypes = {
2186
2197
  Link.displayName = 'Link';
2187
2198
 
2188
2199
  function Loader(_a) {
2189
- var label = _a.label, className = _a.className, other = tslib.__rest(_a, ["label", "className"]);
2190
- var props = tslib.__assign(tslib.__assign({}, other), { className: classNames('Loader', className), 'aria-hidden': !label });
2191
- if (label) {
2192
- props.role = 'progressbar';
2193
- props['aria-valuetext'] = label;
2194
- props['aria-busy'] = true;
2195
- props['aria-valuemin'] = 0;
2196
- props['aria-valuemax'] = 100;
2197
- // According to the ARIA 1.2 spec (https://www.w3.org/TR/wai-aria-1.2/#progressbar),
2198
- // the aria-valuenow attribute SHOULD be omitted because the "value" of our progress
2199
- // is "indeterminate".
2200
+ var className = _a.className, label = _a.label, other = tslib.__rest(_a, ["className", "label"]);
2201
+ var props = tslib.__assign(tslib.__assign({}, other), { className: classNames('Loader', className) });
2202
+ if (label === null || label === void 0 ? void 0 : label.length) {
2203
+ props['role'] = 'alert';
2204
+ props.children = React__default.createElement(Offscreen, null, label);
2205
+ }
2206
+ else {
2207
+ props['aria-hidden'] = true;
2200
2208
  }
2201
2209
  return React__default.createElement("div", tslib.__assign({}, props));
2202
2210
  }
2203
2211
  Loader.propTypes = {
2204
- label: PropTypes.string,
2205
2212
  className: PropTypes.string
2206
2213
  };
2207
2214
  Loader.displayName = 'Loader';
@@ -8047,6 +8054,25 @@ Tab.propTypes = {
8047
8054
  children: PropTypes.node
8048
8055
  };
8049
8056
 
8057
+ /**
8058
+ * Hook to be used similarly to the React.Component#componentDidMount.
8059
+ * Executes the provided `effect` when `dependencies` change but does not
8060
+ * execute the effect initially (on mount) - only on update.
8061
+ *
8062
+ * @param effect {Function} function to be executed when dependencies update
8063
+ * @param dependencies {Any} any valid dependency argument to React.useEffect
8064
+ */
8065
+ var useDidUpdate = function (effect, dependencies) {
8066
+ var mounted = React__default.useRef(false);
8067
+ React__default.useEffect(function () {
8068
+ if (!mounted.current) {
8069
+ mounted.current = true;
8070
+ return;
8071
+ }
8072
+ effect();
8073
+ }, dependencies);
8074
+ };
8075
+
8050
8076
  var Tabs = function (_a) {
8051
8077
  var children = _a.children, thin = _a.thin, _b = _a.initialActiveIndex, initialActiveIndex = _b === void 0 ? 0 : _b, className = _a.className, onChange = _a.onChange, labelProp = tslib.__rest(_a, ["children", "thin", "initialActiveIndex", "className", "onChange"]);
8052
8078
  var _c = React.useState(initialActiveIndex), activeIndex = _c[0], setActiveIndex = _c[1];
@@ -8213,15 +8239,34 @@ Stepper.propTypes = {
8213
8239
  };
8214
8240
 
8215
8241
  var Panel = function (_a) {
8216
- var className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, children = _a.children;
8217
- return (React__default.createElement("div", { className: classNames('Panel', className) },
8218
- React__default.createElement("div", { className: "Panel__Header" },
8219
- title && React__default.createElement("div", { className: "Panel__Header-title" }, title),
8220
- actions && React__default.createElement("div", { className: "Panel__Header-actions" }, actions)),
8221
- React__default.createElement("div", { className: "Panel__Content" }, children)));
8242
+ var children = _a.children, className = _a.className, heading = _a.heading, other = tslib.__rest(_a, ["children", "className", "heading"]);
8243
+ var Heading = "h" + (typeof heading === 'object' && 'level' in heading && !!heading.level
8244
+ ? heading.level
8245
+ : 2);
8246
+ var headingId = typeof heading === 'object' && 'id' in heading ? heading.id : randomId();
8247
+ return (React__default.createElement("section", tslib.__assign({ "aria-labelledby": headingId, className: classNames('Panel', className) }, other),
8248
+ React__default.createElement(Heading, { id: headingId, className: "Panel__Heading" }, typeof heading === 'object' && 'text' in heading
8249
+ ? heading.text
8250
+ : heading),
8251
+ children));
8222
8252
  };
8223
8253
  Panel.displayName = 'Panel';
8224
8254
  Panel.propTypes = {
8255
+ children: PropTypes.node.isRequired,
8256
+ heading: PropTypes.oneOfType([PropTypes.object, PropTypes.node]).isRequired,
8257
+ className: PropTypes.string
8258
+ };
8259
+
8260
+ var IssuePanel = function (_a) {
8261
+ var className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, children = _a.children;
8262
+ return (React__default.createElement("div", { className: classNames('IssuePanel', className) },
8263
+ React__default.createElement("div", { className: "IssuePanel__Header" },
8264
+ title && React__default.createElement("div", { className: "IssuePanel__Header-title" }, title),
8265
+ actions && React__default.createElement("div", { className: "IssuePanel__Header-actions" }, actions)),
8266
+ React__default.createElement("div", { className: "IssuePanel__Content" }, children)));
8267
+ };
8268
+ IssuePanel.displayName = 'IssuePanel';
8269
+ IssuePanel.propTypes = {
8225
8270
  children: PropTypes.node.isRequired,
8226
8271
  className: PropTypes.string
8227
8272
  };
@@ -8266,25 +8311,6 @@ AddressCityStateZip.propTypes = {
8266
8311
  className: PropTypes.string
8267
8312
  };
8268
8313
 
8269
- /**
8270
- * Hook to be used similarly to the React.Component#componentDidMount.
8271
- * Executes the provided `effect` when `dependencies` change but does not
8272
- * execute the effect initially (on mount) - only on update.
8273
- *
8274
- * @param effect {Function} function to be executed when dependencies update
8275
- * @param dependencies {Any} any valid dependency argument to React.useEffect
8276
- */
8277
- var useDidUpdate = function (effect, dependencies) {
8278
- var mounted = React__default.useRef(false);
8279
- React__default.useEffect(function () {
8280
- if (!mounted.current) {
8281
- mounted.current = true;
8282
- return;
8283
- }
8284
- effect();
8285
- }, dependencies);
8286
- };
8287
-
8288
8314
  var LIGHT_THEME_CLASS = 'cauldron--theme-light';
8289
8315
  var DARK_THEME_CLASS = 'cauldron--theme-dark';
8290
8316
  var ThemeContext = React.createContext({});
@@ -8359,6 +8385,7 @@ exports.DialogFooter = DialogFooter;
8359
8385
  exports.ExpandCollapsePanel = ExpandCollapsePanel;
8360
8386
  exports.Icon = Icon;
8361
8387
  exports.IconButton = IconButton;
8388
+ exports.IssuePanel = IssuePanel;
8362
8389
  exports.Layout = Layout;
8363
8390
  exports.Line = Line;
8364
8391
  exports.Link = Link;