@deque/cauldron-react 3.0.1-canary.c9337864 → 3.0.1-canary.cfc22419

package/lib/{arrow-97011665.js → arrow-36f5cb02.js}

@@ -8,19 +8,17 @@ var React__default = _interopDefault(React);
 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); }
 
 var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
+  d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
 });
 
 function SvgArrow(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     overflow: "visible",
     preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 28,
-    height: 28,
-    transform: "rotate(180)"
+    width: 24,
+    height: 24
   }, props), _ref);
 }
 

package/lib/{arrow-circle-7b95a2fd.js → arrow-circle-858d89b5.js}

@@ -8,19 +8,17 @@ var React__default = _interopDefault(React);
 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); }
 
 var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M17.33 12.67c-.01.37-.3.66-.67.67h-5.22l2 2c.25.26.25.68 0 .94l-.95.95c-.26.25-.68.25-.94 0L6.8 12.47a.683.683 0 010-.94l4.72-4.72c.26-.25.68-.25.94 0l.95.95c.26.25.27.66.02.92l-.02.02-2 2h5.23c.37.01.66.3.67.67v1.33l.02-.03zM18.92 8A8.016 8.016 0 0016 5.08 7.798 7.798 0 0012 4c-1.41-.01-2.79.37-4 1.08-1.21.7-2.22 1.71-2.92 2.92A7.798 7.798 0 004 12c-.01 1.41.36 2.79 1.07 4 .7 1.21 1.71 2.22 2.93 2.92 1.21.71 2.59 1.09 4 1.08 1.41.01 2.79-.36 4-1.07 1.21-.7 2.22-1.71 2.92-2.93A7.798 7.798 0 0020 12c.01-1.41-.37-2.79-1.08-4z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
+  d: "M17.37 12c0 .18-.06.35-.19.47l-4.71 4.73c-.26.25-.68.25-.94 0l-4.71-4.72a.683.683 0 010-.94l.95-.95c.25-.26.66-.27.92-.02l.02.02 2 2V7.34c.01-.37.3-.66.67-.67h1.33c.37.01.66.3.67.67v5.23l2-2c.26-.25.68-.25.94 0l.95.95c.13.12.19.29.19.47l-.09.01zm1.55-4A8.016 8.016 0 0016 5.08 7.798 7.798 0 0012 4c-1.41-.01-2.79.37-4 1.08-1.21.7-2.22 1.71-2.92 2.92A7.798 7.798 0 004 12c-.01 1.41.36 2.79 1.07 4 .7 1.21 1.71 2.22 2.93 2.92 1.21.71 2.59 1.09 4 1.08 1.41.01 2.79-.36 4-1.07 1.21-.7 2.22-1.71 2.92-2.93A7.798 7.798 0 0020 12c.01-1.41-.37-2.79-1.08-4z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
 });
 
 function SvgArrowCircle(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     overflow: "visible",
     preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 17,
-    height: 17,
-    transform: "rotate(180)"
+    width: 24,
+    height: 24
   }, props), _ref);
 }
 

package/lib/{arrows-alt-b91e24b7.js → arrows-alt-57b6a0ac.js}

@@ -18,8 +18,8 @@ function SvgArrowsAlt(props) {
     overflow: "visible",
     preserveAspectRatio: "none",
     viewBox: "0 0 512 512",
-    width: 28,
-    height: 28
+    width: 24,
+    height: 24
   }, props), _ref);
 }
 

package/lib/cauldron.css

@@ -48,19 +48,19 @@ a.Button--primary {
   display: block;
 }
 
-/* Icon--right is the default orientation */
+/* Icon--down is the default orientation */
 
-.Icon__right {
-}
-
-.Icon__left {
-  transform: scaleX(-1);
+.Icon__down {
 }
 
 .Icon__up {
-  transform: rotate(-90deg);
+  transform: scaleY(-1);
 }
 
-.Icon__down {
+.Icon__left {
   transform: rotate(90deg);
 }
+
+.Icon__right {
+  transform: rotate(-90deg);
+}

package/lib/{chevron-064d5f96.js → chevron-cbfd92ec.js}

@@ -8,18 +8,17 @@ var React__default = _interopDefault(React);
 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); }
 
 var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M15.02 12a.35.35 0 00-.1-.24l-4.83-4.85a.332.332 0 00-.47-.01l-.01.01-.52.52c-.14.13-.14.33-.02.47l.01.01 4.1 4.09-4.1 4.09c-.13.13-.14.33-.01.47l.01.01.52.52c.13.13.33.14.47.01l.01-.01 4.85-4.85c.06-.07.09-.15.09-.24z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
+  d: "M17.2 9.84a.35.35 0 00-.1-.24l-.52-.52a.332.332 0 00-.47-.01l-.01.01-4.1 4.1-4.09-4.1a.333.333 0 00-.47-.02l-.01.01-.52.53c-.13.13-.14.33-.01.47l.01.01 4.85 4.85c.13.13.33.14.47.01l.01-.01 4.85-4.85c.06-.06.1-.15.1-.24h.01z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
 });
 
 function SvgChevron(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     overflow: "visible",
     preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 25,
-    height: 25
+    width: 24,
+    height: 24
   }, props), _ref);
 }
 

package/lib/{chevron-double-65975fca.js → chevron-double-42e4b50e.js}

@@ -8,18 +8,17 @@ var React__default = _interopDefault(React);
 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); }
 
 var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M13.02 12a.35.35 0 00-.1-.24L8.09 6.91a.332.332 0 00-.47-.01l-.01.01-.52.52c-.14.13-.14.33-.02.47l.01.01 4.1 4.09-4.08 4.09c-.13.13-.14.33-.01.47l.01.01.52.52c.13.13.33.14.47.01l.01-.01 4.85-4.85c.05-.07.07-.15.07-.24zm4 0a.35.35 0 00-.1-.24l-4.83-4.85a.332.332 0 00-.47-.01l-.01.01-.52.52c-.13.13-.14.33-.01.47l.01.01 4.1 4.09-4.09 4.09c-.13.13-.14.33-.01.47l.01.01.52.52c.13.13.33.14.47.01l.01-.01 4.85-4.85c.05-.07.07-.15.07-.24z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
+  d: "M17.2 11.84a.35.35 0 00-.1-.24l-.52-.52a.332.332 0 00-.47-.01l-.01.01-4.1 4.1-4.09-4.1a.332.332 0 00-.47-.01l-.01.01-.52.52c-.13.13-.14.33-.01.47l.01.01 4.85 4.85c.13.13.33.14.47.01l.01-.01 4.85-4.85c.06-.06.1-.15.1-.24h.01zm0-4a.35.35 0 00-.1-.24l-.52-.52a.332.332 0 00-.47-.01l-.01.01-4.1 4.1-4.09-4.09a.333.333 0 00-.47-.02l-.01.01-.52.53a.32.32 0 00-.02.46l.01.01 4.85 4.85c.13.13.33.14.47.01l.01-.01 4.85-4.85c.06-.06.1-.15.1-.24h.02z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
 });
 
 function SvgChevronDouble(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     overflow: "visible",
     preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 25,
-    height: 25
+    width: 24,
+    height: 24
   }, props), _ref);
 }
 

package/lib/components/IssuePanel/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import IconButton from '../IconButton';
+declare const IssuePanel: {
+    ({ className, title, actions, children }: {
+        className?: string | undefined;
+        title?: string | undefined;
+        actions?: import("../../utils/polymorphic-type").ForwardRefComponent<"button", import("../IconButton").IconButtonOwnProps>[] | undefined;
+        children: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+    propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        className: PropTypes.Requireable<string>;
+    };
+};
+export default IssuePanel;

package/lib/components/Loader/index.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    label: string;
+    label?: string;
 }
-declare function Loader({ label, className, ...other }: LoaderProps): JSX.Element;
+declare function Loader({ className, label, ...other }: LoaderProps): JSX.Element;
 declare namespace Loader {
     var propTypes: {
-        label: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
     };
     var displayName: string;

package/lib/components/Panel/index.d.ts

@@ -1,16 +1,20 @@
-import React from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import IconButton from '../IconButton';
+interface PanelProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    heading: ReactElement<any> | {
+        id?: string;
+        text: ReactElement<any>;
+        level: number | undefined;
+    };
+    className?: string;
+}
 declare const Panel: {
-    ({ className, title, actions, children }: {
-        className?: string | undefined;
-        title?: string | undefined;
-        actions?: import("../../utils/polymorphic-type").ForwardRefComponent<"button", import("../IconButton").IconButtonOwnProps>[] | undefined;
-        children: React.ReactNode;
-    }): JSX.Element;
+    ({ children, className, heading, ...other }: PanelProps): JSX.Element;
     displayName: string;
     propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        heading: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/SideBar/SideBar.d.ts

@@ -5,6 +5,7 @@ export interface SideBarProps extends React.HTMLAttributes<HTMLUListElement> {
     onDismiss: () => void;
     className?: string;
     show: boolean;
+    navProps: React.HTMLAttributes<HTMLElement>;
 }
 interface SideBarState {
     wide: boolean;

package/lib/{filter-d2057f4c.js → filter-b206c760.js}

@@ -17,9 +17,8 @@ function SvgFilter(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     overflow: "visible",
     preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 32,
-    height: 32
+    width: 24,
+    height: 24
   }, props), _ref);
 }
 

package/lib/index.d.ts

@@ -42,6 +42,7 @@ export { default as Tabs, Tab, TabPanel } from './components/Tabs';
 export { DescriptionList, DescriptionListItem, DescriptionTerm, DescriptionDetails } from './components/DescriptionList';
 export { default as Stepper, Step } from './components/Stepper';
 export { default as Panel } from './components/Panel';
+export { default as IssuePanel } from './components/IssuePanel';
 export { default as ProgressBar } from './components/ProgressBar';
 export { Address, AddressLine, AddressCityStateZip } from './components/Address';
 /**

package/lib/index.js

@@ -193,9 +193,9 @@ var iconTypes = [
 function __variableDynamicImportRuntime0__(path) {
    switch (path) {
      case './icons/add-user.svg': return Promise.resolve().then(function () { return require('./add-user-075c63a1.js'); });
-     case './icons/arrow-circle.svg': return Promise.resolve().then(function () { return require('./arrow-circle-7b95a2fd.js'); });
-     case './icons/arrow.svg': return Promise.resolve().then(function () { return require('./arrow-97011665.js'); });
-     case './icons/arrows-alt.svg': return Promise.resolve().then(function () { return require('./arrows-alt-b91e24b7.js'); });
+     case './icons/arrow-circle.svg': return Promise.resolve().then(function () { return require('./arrow-circle-858d89b5.js'); });
+     case './icons/arrow.svg': return Promise.resolve().then(function () { return require('./arrow-36f5cb02.js'); });
+     case './icons/arrows-alt.svg': return Promise.resolve().then(function () { return require('./arrows-alt-57b6a0ac.js'); });
      case './icons/bolt.svg': return Promise.resolve().then(function () { return require('./bolt-e44406fd.js'); });
      case './icons/caution.svg': return Promise.resolve().then(function () { return require('./caution-e048e1bf.js'); });
      case './icons/check-circle.svg': return Promise.resolve().then(function () { return require('./check-circle-8b5069b4.js'); });
@@ -204,8 +204,8 @@ function __variableDynamicImportRuntime0__(path) {
      case './icons/check.svg': return Promise.resolve().then(function () { return require('./check-c2912d5e.js'); });
      case './icons/checkbox-checked.svg': return Promise.resolve().then(function () { return require('./checkbox-checked-a262e99c.js'); });
      case './icons/checkbox-unchecked.svg': return Promise.resolve().then(function () { return require('./checkbox-unchecked-2ad5b4ae.js'); });
-     case './icons/chevron-double.svg': return Promise.resolve().then(function () { return require('./chevron-double-65975fca.js'); });
-     case './icons/chevron.svg': return Promise.resolve().then(function () { return require('./chevron-064d5f96.js'); });
+     case './icons/chevron-double.svg': return Promise.resolve().then(function () { return require('./chevron-double-42e4b50e.js'); });
+     case './icons/chevron.svg': return Promise.resolve().then(function () { return require('./chevron-cbfd92ec.js'); });
      case './icons/close.svg': return Promise.resolve().then(function () { return require('./close-31ce4dcf.js'); });
      case './icons/code.svg': return Promise.resolve().then(function () { return require('./code-e3365341.js'); });
      case './icons/copy.svg': return Promise.resolve().then(function () { return require('./copy-d2ade017.js'); });
@@ -213,7 +213,7 @@ function __variableDynamicImportRuntime0__(path) {
      case './icons/exchange.svg': return Promise.resolve().then(function () { return require('./exchange-1d290efb.js'); });
      case './icons/external-link.svg': return Promise.resolve().then(function () { return require('./external-link-ef122c95.js'); });
      case './icons/eye.svg': return Promise.resolve().then(function () { return require('./eye-a0d28243.js'); });
-     case './icons/filter.svg': return Promise.resolve().then(function () { return require('./filter-d2057f4c.js'); });
+     case './icons/filter.svg': return Promise.resolve().then(function () { return require('./filter-b206c760.js'); });
      case './icons/flag.svg': return Promise.resolve().then(function () { return require('./flag-fb248a99.js'); });
      case './icons/gears.svg': return Promise.resolve().then(function () { return require('./gears-b9ee1585.js'); });
      case './icons/grid.svg': return Promise.resolve().then(function () { return require('./grid-ee446118.js'); });
@@ -246,7 +246,7 @@ function __variableDynamicImportRuntime0__(path) {
      case './icons/tag.svg': return Promise.resolve().then(function () { return require('./tag-56c32f4f.js'); });
      case './icons/target.svg': return Promise.resolve().then(function () { return require('./target-50f179e0.js'); });
      case './icons/trash.svg': return Promise.resolve().then(function () { return require('./trash-896a3291.js'); });
-     case './icons/triangle.svg': return Promise.resolve().then(function () { return require('./triangle-51d7723a.js'); });
+     case './icons/triangle.svg': return Promise.resolve().then(function () { return require('./triangle-42e0eece.js'); });
      case './icons/upload.svg': return Promise.resolve().then(function () { return require('./upload-d71f0e44.js'); });
      default: return Promise.reject(new Error("Unknown variable dynamic import: " + path));
    }
@@ -1150,11 +1150,11 @@ var SideBar = /** @class */ (function (_super) {
         var _a = this.state, animateClass = _a.animateClass, wide = _a.wide;
         // disabling no-unused-vars to prevent onDismiss from being passed through to dom element
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        var _b = this.props, children = _b.children, className = _b.className, show = _b.show, onDismiss = _b.onDismiss, other = tslib.__rest(_b, ["children", "className", "show", "onDismiss"]);
+        var _b = this.props, children = _b.children, className = _b.className, show = _b.show, onDismiss = _b.onDismiss, navProps = _b.navProps, other = tslib.__rest(_b, ["children", "className", "show", "onDismiss", "navProps"]);
         /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
         return (React__default.createElement(React.Fragment, null,
             React__default.createElement(ClickOutsideListener, { onClickOutside: this.handleClickOutside },
-                React__default.createElement("nav", null,
+                React__default.createElement("nav", tslib.__assign({}, navProps),
                     React__default.createElement("ul", tslib.__assign({ className: classNames('SideBar', className, animateClass) }, other, { ref: this.navList, onKeyDown: this.onKeyDown }), children))),
             React__default.createElement(Scrim, { show: !wide && show })));
         /* eslint-enable jsx-a11y/no-noninteractive-element-interactions */
@@ -1643,6 +1643,13 @@ var IconButton = React.forwardRef(function (_a, ref) {
             accessibilityProps['aria-disabled'] = disabled;
         }
     }
+    React.useEffect(function () {
+        var _a;
+        if (!disabled) {
+            return;
+        }
+        (_a = internalRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-label', label);
+    }, [disabled]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Component, tslib.__assign({ className: classNames(className, {
                 IconButton: true,
@@ -2186,22 +2193,18 @@ Link.propTypes = {
 Link.displayName = 'Link';
 
 function Loader(_a) {
-    var label = _a.label, className = _a.className, other = tslib.__rest(_a, ["label", "className"]);
-    var props = tslib.__assign(tslib.__assign({}, other), { className: classNames('Loader', className), 'aria-hidden': !label });
-    if (label) {
-        props.role = 'progressbar';
-        props['aria-valuetext'] = label;
-        props['aria-busy'] = true;
-        props['aria-valuemin'] = 0;
-        props['aria-valuemax'] = 100;
-        // According to the  ARIA 1.2 spec (https://www.w3.org/TR/wai-aria-1.2/#progressbar),
-        // the aria-valuenow attribute SHOULD be omitted because the "value" of our progress
-        // is "indeterminate".
+    var className = _a.className, label = _a.label, other = tslib.__rest(_a, ["className", "label"]);
+    var props = tslib.__assign(tslib.__assign({}, other), { className: classNames('Loader', className) });
+    if (label === null || label === void 0 ? void 0 : label.length) {
+        props['role'] = 'alert';
+        props.children = React__default.createElement(Offscreen, null, label);
+    }
+    else {
+        props['aria-hidden'] = true;
     }
     return React__default.createElement("div", tslib.__assign({}, props));
 }
 Loader.propTypes = {
-    label: PropTypes.string,
     className: PropTypes.string
 };
 Loader.displayName = 'Loader';
@@ -8047,6 +8050,25 @@ Tab.propTypes = {
     children: PropTypes.node
 };
 
+/**
+ * Hook to be used similarly to the React.Component#componentDidMount.
+ * Executes the provided `effect` when `dependencies` change but does not
+ * execute the effect initially (on mount) - only on update.
+ *
+ * @param effect {Function} function to be executed when dependencies update
+ * @param dependencies {Any} any valid dependency argument to React.useEffect
+ */
+var useDidUpdate = function (effect, dependencies) {
+    var mounted = React__default.useRef(false);
+    React__default.useEffect(function () {
+        if (!mounted.current) {
+            mounted.current = true;
+            return;
+        }
+        effect();
+    }, dependencies);
+};
+
 var Tabs = function (_a) {
     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"]);
     var _c = React.useState(initialActiveIndex), activeIndex = _c[0], setActiveIndex = _c[1];
@@ -8213,15 +8235,34 @@ Stepper.propTypes = {
 };
 
 var Panel = function (_a) {
-    var className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, children = _a.children;
-    return (React__default.createElement("div", { className: classNames('Panel', className) },
-        React__default.createElement("div", { className: "Panel__Header" },
-            title && React__default.createElement("div", { className: "Panel__Header-title" }, title),
-            actions && React__default.createElement("div", { className: "Panel__Header-actions" }, actions)),
-        React__default.createElement("div", { className: "Panel__Content" }, children)));
+    var children = _a.children, className = _a.className, heading = _a.heading, other = tslib.__rest(_a, ["children", "className", "heading"]);
+    var Heading = "h" + (typeof heading === 'object' && 'level' in heading && !!heading.level
+        ? heading.level
+        : 2);
+    var headingId = typeof heading === 'object' && 'id' in heading ? heading.id : randomId();
+    return (React__default.createElement("section", tslib.__assign({ "aria-labelledby": headingId, className: classNames('Panel', className) }, other),
+        React__default.createElement(Heading, { id: headingId, className: "Panel__Heading" }, typeof heading === 'object' && 'text' in heading
+            ? heading.text
+            : heading),
+        children));
 };
 Panel.displayName = 'Panel';
 Panel.propTypes = {
+    children: PropTypes.node.isRequired,
+    heading: PropTypes.oneOfType([PropTypes.object, PropTypes.node]).isRequired,
+    className: PropTypes.string
+};
+
+var IssuePanel = function (_a) {
+    var className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, children = _a.children;
+    return (React__default.createElement("div", { className: classNames('IssuePanel', className) },
+        React__default.createElement("div", { className: "IssuePanel__Header" },
+            title && React__default.createElement("div", { className: "IssuePanel__Header-title" }, title),
+            actions && React__default.createElement("div", { className: "IssuePanel__Header-actions" }, actions)),
+        React__default.createElement("div", { className: "IssuePanel__Content" }, children)));
+};
+IssuePanel.displayName = 'IssuePanel';
+IssuePanel.propTypes = {
     children: PropTypes.node.isRequired,
     className: PropTypes.string
 };
@@ -8266,25 +8307,6 @@ AddressCityStateZip.propTypes = {
     className: PropTypes.string
 };
 
-/**
- * Hook to be used similarly to the React.Component#componentDidMount.
- * Executes the provided `effect` when `dependencies` change but does not
- * execute the effect initially (on mount) - only on update.
- *
- * @param effect {Function} function to be executed when dependencies update
- * @param dependencies {Any} any valid dependency argument to React.useEffect
- */
-var useDidUpdate = function (effect, dependencies) {
-    var mounted = React__default.useRef(false);
-    React__default.useEffect(function () {
-        if (!mounted.current) {
-            mounted.current = true;
-            return;
-        }
-        effect();
-    }, dependencies);
-};
-
 var LIGHT_THEME_CLASS = 'cauldron--theme-light';
 var DARK_THEME_CLASS = 'cauldron--theme-dark';
 var ThemeContext = React.createContext({});
@@ -8359,6 +8381,7 @@ exports.DialogFooter = DialogFooter;
 exports.ExpandCollapsePanel = ExpandCollapsePanel;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
+exports.IssuePanel = IssuePanel;
 exports.Layout = Layout;
 exports.Line = Line;
 exports.Link = Link;

package/lib/{triangle-51d7723a.js → triangle-42e0eece.js}

@@ -9,18 +9,16 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var _ref = /*#__PURE__*/React.createElement("path", {
   d: "M7 10l5 5 5-5z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
 });
 
 function SvgTriangle(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     overflow: "visible",
     preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 32,
-    height: 32,
-    transform: "rotate(270)"
+    width: 24,
+    height: 24
   }, props), _ref);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "3.0.1-canary.c9337864",
+  "version": "3.0.1-canary.cfc22419",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"